FileSystemEntry: toURL() method
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
The FileSystemEntry interface's method
toURL() creates and
returns a string containing a URL which can be used to identify the file system entry.
This is done by exposing a new URL scheme—filesystem:—that can be used as
the value of src and href attributes.
Syntax
toURL()
toURL(mimeType)
Parameters
mimeTypeOptional-
An optional string specifying the MIME type to use when interpreting the file. This can be used to help deal with files whose types aren't recognized automatically by the user agent. If this parameter is omitted, the user agent uses its standard algorithms to identify the file.
Return value
A string containing a URL that can then be used as a document
reference in HTML content, or an empty string if the URL can't be generated (such as if
the file system implementation doesn't support toURL()).
Examples
If you have a FileSystemFileEntry corresponding to an image file in a
file system available to your website or app, you can call toURL() to get
its URL for use in HTML. If your site is located at
http://my-awesome-website.woot, and you have a temporary file system that
contains an image file named awesome-sauce.jpg, the URL returned by
toURL() might be (depending on the browser's implementation) something like
"filesystem:http://my-awesome-website.woot/temporary/awesome-sauce.jpg".
Code that makes use of this might look like this:
const img = document.createElement("img");
img.src = imageFileEntry.toURL();
img.alt = "";
document.body.appendChild(img);
Assuming the scenario mentioned before the code, the result would be HTML that looks like this being appended to the end of the document:
<img
src="filesystem:http://my-awesome-website.woot/temporary/awesome-sauce.jpg"
alt="" />