How to load file from url JavaScript & php

Question

In my app I load files and pass it to JavaScript with:

<input type="file" multiple onchange="mixer.photo.readfiles(this.files)" />

Then, JavaScript use the file object and I do some stuff in JavaScript.

My problem is that I also want to do the same thing FROM an URL parameter (url of an image) : Let's say people arrive to my website with the url https://mywebsite.com?img=imgurl.png I want to handle this imgurl.png, and load it to my javascript exactly the same way that I load a file coming from my "input type=file"

Then, when people will arrive in my page using a url with parameter, they will not need to upload with the

if(isset($_GET['img'])){echo $_GET['img']; }else{ echo "this.files";} are you looking for something like this ? — executable
– executable, Commented Jul 3, 2018 at 12:35
Thanks, but it's not that : I need to create a File object from the image, and send it to javascript as a javascript object (new File() format) — David Martins
– David Martins, Commented Jul 3, 2018 at 14:06

Vivek · Accepted Answer · 2018-07-03 12:44:31Z

1

Due to security reasons, browsers does not allow you to read local files that are not explicitly selected by the user (either using input file type or drag and drop).

If that was not the case, a malicious website could generate a link with parameters that points to a sensitive file on user system which they can read and upload to server without the user knowing it, which is a serious security flaw.

File objects may be obtained from a FileList object returned as a result of a user selecting files using the element, from a drag and drop operation's DataTransfer object, or from the mozGetAsFile() API on an HTMLCanvasElement.

Source: File Reader

Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ask the user to select local files and then read the contents of those files. This selection can be done by either using an HTML element or by drag and drop.

Source: Using files from web applications

answered Jul 3, 2018 at 12:44

Vivek

2,7651 gold badge21 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

David Martins Over a year ago

I understand ; so I'll try to find another way

Collectives™ on Stack Overflow

How to load file from url JavaScript & php

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related