Open local folder from link

by

Solution: Launching a Downloadable Link

The following works in all browsers, but as always there are caveats.

Background:

“URL Shortcuts” are OS dependent. The following solution is for MS Windows due to a lack of standards between environments.

If you require linux support for the solution below, please see this article.
* I have no connection to the article, YMMV.

URL shortcuts come in two forms:

  1. Files with .URL extensions are text based. Can be dynamically generated.

    [InternetShortcut]
    URL=file:///D:/

  2. Files with .LNK extension are binary. They can be generated dynamically, but require iShelLinkInterface implementer. This is complicated by default OS restrictions, which rightfully prevent an IIS process from reaching Shell.

.URL is the recommended solution, as dynamic generation is viable across Web Languages/Frameworks and allows for a KISS implementation.

Overview/Recap:

  1. Security restrictions will not allow you to open a path/launch explorer directly from the page (as stated by @Pekka).
  2. Sites hosted externally (not on your local computer) will not allow file:///… uri’s under default security permissions.

Solution:

Provide a downloadable link (.URL or .LNK) to the resource. Browser behavior will be explained at end of post.

Option 1: Produce a .lnk file and save it to the server. Due to the binary nature of the .LNK file, this is not the recommended solution, but a pre-generated file should be viable.

Option 2: Produce a .url file and either save it to the server or dynamically generate
it. In my situation, I am dynamically creating the .URL file.

Solution Details (.URL):

  1. Add .url to the available MIME types in your web server.

    For IIS open the site, choose MIME Types, and add the following:

    File name Extension= .url
    MIME type: application/internet-shortcut

    Per @cremax …
    For Webkit Browsers like Chrome on Apache Servers add this code to .htaccess or http.config:

    SetEnvIf Request_URI “.url$” requested_url=url Header add Content-Disposition “attachment” env=requested_url

  2. The .url file is a text file formatted as follows (again, this can be dynamically generated).

    File Contents:

    [InternetShortcut]
    URL=file:///D:

  3. Provide a link to the script that generates the .url file, or to the file itself.

    If you’ve simply uploaded a .url file to your server, add the following to your HTML:

    <a href="https://stackoverflow.com/questions/5246292/URIShortcut.url">Round-About Linking</a>

Browser Dependent Behavior

Chrome: Download/Save file.url then open
In Chrome, this behavior can be augmented by choosing the “Always open files of this type” option.

FireFox: Download/Save file.url then open

Internet Explorer: Click “Open” and go straight to directory (no need to save shortcut)

Internet Explorer has the preferred behavior, but Chrome and Firefox
are at least serviceable.

More Related Contents:

  1. Write tags in HTML and print
  2. Get page generated with Javascript in Python
  3. How to make HTML element resizable using pure Javascript?
  4. Refresh a page using JavaScript or HTML [duplicate]
  5. Difference between Node object and Element object?
  6. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  7. What is CDATA in HTML? [duplicate]
  8. Adding additional data to select options using jQuery
  9. HTML5 dragleave fired when hovering a child element
  10. localStorage access from local file
  11. :touch CSS pseudo-class or something similar?
  12. Open link in iframe [closed]
  13. Is it possible to play HTML5 video in reverse?
  14. d3.js – v3 and v4 – Enter and Update differences
  15. Load event not fired on Safari when reloading page
  16. Multiple Select limit number of selection
  17. Can you use both the async and defer attributes on a HTML tag?
  18. How to vertically align all text in CSS?
  19. How can I stop an onclick event from firing for parent element when child is clicked?
  20. getting mouse position with javascript within canvas
  21. Maximum item size in IndexedDB
  22. how to use jQuery ajax calls with node.js
  23. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  24. document.activeElement returns body in onblur handler
  25. How can I capture an image via the user’s webcam using getUserMedia?
  26. Change form action on select option
  27. How to insert HTML as Text
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. Display Spreadsheet Data to HTML Table
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment