javascript creating a file from URL

Question

I'm using a 3rd party library which wants to load in a file via the HTML file system, as in:

<input id="fileupload" type="file" onchange="LoadAndDisplayFile(this.files[0])">

This works great, except I'd like to pass in a url to a file stored on the serverr rather than have the user upload a file.

I tried using:

var myFile = new File ("path/to/file");

with the hope that I'd then be able to pass myFile into LoadAndDisplayFile() but I get the following error:

Uncaught TypeError: Failed to construct 'File': 2 arguments required, but only 1 present.

I'm sure this is a noob question, but what am I missing here?

`Uncaught TypeError: Failed to construct 'File': 2 arguments required, but only 1 present.` Well, so pass 2 arguments, not one — Marcos Pérez Gude, Feb 05 '16 at 09:08
http://stackoverflow.com/questions/8390855/how-to-instantiate-a-file-object-in-javascript — Blag, Feb 05 '16 at 09:12

score 12 · Accepted Answer · answered Feb 05 '16 at 09:09

12

You cannot create a File object only giving an URL to it.

The right method is to get the file through a Http request and read it, with something like this:

var blob = null
var xhr = new XMLHttpRequest()
xhr.open("GET", "path/to/file")
xhr.responseType = "blob"
xhr.onload = function() 
{
    blob = xhr.response
    LoadAndDisplayFile(blob)
}
xhr.send()

answered Feb 05 '16 at 09:09

Mijamo

3,436
1
21
21

3

Thanks for your answer. In order to make your solution work I just had to create a new File object from the blob using: new File([blob], blob), then LoadAndDisplayFile(file) – Adrian Taylor Feb 06 '16 at 09:12
Alright, I though the creation of the File object happened inside the LoadAndDisplayFile function. – Mijamo Feb 06 '16 at 12:59

score 0 · Answer 2 · answered Nov 23 '20 at 17:03

I was dealing with same error and after spending time I created new File object using below code

                              new File(
                                [""],this.name,{
                                lastModified: 1605685839310,
                                lastModifiedDate: new Date(),
                                size: this.size,
                                type: "",
                                webkitRelativePath: ""
                            });

javascript creating a file from URL

2 Answers2

Linked