🔥 Open source static (serverless) status page. Uses hyperfast Go & Hugo, minimal HTML/CSS/JS, customizable, outstanding browser support (IE8+), preloaded CMS, read-only API, badges & more. - cstate/cstate

A collection of ten simple one-line CSS solutions to add little improvements to any web page. :: Blog post at Alvaro Montoro's Personal Website.

(from https://bacardi55.io/bookmarks/219/ )

This is still a motherfucking website.
And it's more fucking perfect than the last guy's.
Seriously, it takes minimal fucking effort to improve this shit.

Okay folks, I completely understand the security reasons behind this error message, but sometimes, we do need a workaround... and here's mine. It uses ASP.Net (rather than JavaScript, which this question was based on) but it'll hopefully be useful to someone.

Our in-house app has a webpage where users can create a list of shortcuts to useful files spread throughout our network. When they click on one of these shortcuts, we want to open these files... but of course, Chrome's error prevents this:

Not allowed to load local resource: <URL>

Originally, my webpage was attempting to directly create an <a href..> element pointing at the files, but this produced the "Not allowed to load local resource" error when a user clicked on one of these links.

<div ng-repeat='sc in listOfShortcuts' id="{{sc.ShtCut_ID}}" class="cssOneShortcutRecord" >
    <div class="cssShortcutIcon">
        <img ng-src="{{ GetIconName(sc.ShtCut_PathFilename); }}">
    </div>
    <div class="cssShortcutName">
        <a ng-href="{{ sc.ShtCut_PathFilename }}" ng-attr-title="{{sc.ShtCut_Tooltip}}" target="_blank" >{{ sc.ShtCut_Name }}</a>
    </div>
</div>

The solution was to replace those <a href..> elements with this code, to call a function in my Angular controller...

<div ng-click="OpenAnExternalFile(sc.ShtCut_PathFilename);" >
    {{ sc.ShtCut_Name }}
</div>

The function itself is very simple...

$scope.OpenAnExternalFile = function (filename) {
    //
    //  Open an external file (i.e. a file which ISN'T in our IIS folder)
    //  To do this, we get an ASP.Net Handler to manually load the file, 
    //  then return it's contents in a Response.
    //
    var URL = '/Handlers/DownloadExternalFile.ashx?filename=' + encodeURIComponent(filename);
    window.open(URL);
}

And in my ASP.Net project, I added a Handler file called DownloadExternalFile.aspx which contained this code:

namespace MikesProject.Handlers
{
    /// <summary>
    /// Summary description for DownloadExternalFile
    /// </summary>
    public class DownloadExternalFile : IHttpHandler
    {
        //  We can't directly open a network file using Javascript, eg
        //      window.open("\\SomeNetworkPath\ExcelFile\MikesExcelFile.xls");
        //
        //  Instead, we need to get Javascript to call this groovy helper class which loads such a file, then sends it to the stream.  
        //      window.open("/Handlers/DownloadExternalFile.ashx?filename=//SomeNetworkPath/ExcelFile/MikesExcelFile.xls");
        //
        public void ProcessRequest(HttpContext context)
        {
            string pathAndFilename = context.Request["filename"];               //  eg  "\\SomeNetworkPath\ExcelFile\MikesExcelFile.xls"
            string filename = System.IO.Path.GetFileName(pathAndFilename);      //  eg  "MikesExcelFile.xls"

            context.Response.ClearContent();

            WebClient webClient = new WebClient();
            using (Stream stream = webClient.OpenRead(pathAndFilename))
            {
                // Process image...
                byte[] data1 = new byte[stream.Length];
                stream.Read(data1, 0, data1.Length);

                context.Response.AddHeader("Content-Disposition", string.Format("attachment; filename={0}", filename));
                context.Response.BinaryWrite(data1);

                context.Response.Flush();
                context.Response.SuppressContent = true;
                context.ApplicationInstance.CompleteRequest();
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

And that's it.

Now, when a user clicks on one of my Shortcut links, it calls the OpenAnExternalFile function, which opens this .ashx file, passing it the path+filename of the file we want to open.

This Handler code loads the file, then passes it's contents back in the HTTP response.

And, job done, the webpage opens the external file.

Phew ! Again - there is a reason why Chrome throws this "Not allowed to load local resources" exception, so tread carefully with this... but I'm posting this code just to demonstrate that this is a fairly simple way around this limitation.

Just one last comment: the original question wanted to open the file "C:\002.jpg". You can't do this. Your website will sit on one server (with it's own C: drive) and has no direct access to your user's own C: drive. So the best you can do is use code like mine to access files somewhere on a network drive.

answered Jun 23, 2017 at 8:04
Mike Gledhill

Ajouter dans une feuille de style la propriété suivante :

body {
    transform: rotate3d(0, 1, 0, 180deg);
}

Et admirer le résultat :)

https://blog.chibi-nah.fr/poisson-d-avril-2024

🦋 vLitejs is a fast and lightweight Javascript library for customizing video and audio player in Javascript with a minimalist theme (HTML5, Youtube, Vimeo, Dailymotion) - vlitejs/vlite

Happy Run Some Old Web Browsers Day! In honor of the ten year anniversary of the Mozilla project, home.mcom.com, the Internet Web Site of the Mosaic Communications Corporation, is now back online. It took some doing. There is comedy. First, the fun stuff: Until now, home.mcom.com and all URLs under it just redirected to netscape.com, then redirected a dozen more times before taking you to ...

Animation chat en css

Démo sur : https://cat.nah.re

I'm completely new to animating SVGs with CSS (from what I've been reading, JS might also be needed to get the total path length) and need to achieve the following effect: http://gph.is/2iZZ3Hw

&l...

• Determine the length of objects using JS
• Command for drawing animation of objects
• The animation of drawing a triangle will begin when the animation of drawing of a trapezoid
• Animation fill color trapezium will begin when the animation is finished drawing a circle
• An animation of the color filling of the triangle will begin when the fill animation of the trapezium ends

Web based File Manager in PHP, Manage your files efficiently and easily with Tiny File Manager and it is a simple, fast and small file manager with a single file.

Ma page d'accueil

Faux écrans de mises à jour Windows, affichable dans un navigateur web (penser à passer en mode plein écran)

Beautiful, free videos for your homepage

CC0 1.0 Universal (CC0 1.0) Public Domain Dedication

A collection of patterns and modules for responsive designs.

Color Oracle is a free color blindness simulator for Window, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.

Color Oracle applies a full screen color filter to art you are designing – independently of the software in use. Eight percent of all males are affected by color vision impairment – make sure that your graphical work is readable by the widest possible audience.

So let’s be a little sarcastic today and try to poison the mobile user. How does that sound? Just follow my instructions.
Let’s make a slow website, disable zooming, hide the navigation and fill up the page with fixed-positioned elements. I’ll bet the poor mobile user won’t be able to survive this.

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

Éditeur de palette de couleur basé sur Material Design

DesignDisease is a blog covering the myriads of topics related to the world of design. We provide inspirational posts as well as tutorials & articles. We also created some very popular WordPress themes that you can download for free.