How to get File object from Javascript

Question

I have used this code for getting File object of a input file (I have tested it by console.log and it is correct).

var file = event.target.files[0];

The object code that I obtain it's like:

File
 lastModified: 1526981976000
 lastModifiedDate: Date 2018-05-22T09:39:36.000Z
 Name:"path.png"
 size: 19776
 type: "image/png"
 webkitRelativePath: ""...

However, now I want to get that kind of File object, but through a image path saved into my file system. Is it possible?

Not possible in-browser; the browser has no access to the file system. — Daniel Beck
– Daniel Beck, Commented May 22, 2018 at 13:47

Luis Luis Maia Maia · Accepted Answer · 2018-05-22 13:53:35Z

3

    function handleFiles() {
    "use strict";
    var inputElement = document.getElementById("input");
    var fileList = inputElement.files; /* now you can work with the file list */
    var file = {type:"", name:"", size:""};

    for(var k = 0; k < fileList.length; k++){   
    file.name.push(fileList[k].name);
    file.type.push(fileList[k].type);
    file.size.push(fileList[k].size);
    //and others
    }

This works for multiple images files try it

    <h2>Upload images ...</h2>
    <input type="file" id="input" multiple onchange="handleFiles(this.files)">

answered May 22, 2018 at 13:53

Luis Luis Maia Maia

7011 gold badge11 silver badges32 bronze badges

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

2 Comments

Daniel Over a year ago

Yes I know, but now that image is saved in my file system and I want to get it from Javascript into File object

Luis Luis Maia Maia Over a year ago

Im sry but i believe that cant be done, the browser cant access the client file system, that would be a huge red flag

vbuzze · Accepted Answer · 2018-05-22 13:52:34Z

2

The browser can't access the file system of the client, you need to upload the image first

answered May 22, 2018 at 13:52

vbuzze

9401 gold badge11 silver badges27 bronze badges

1 Comment

vbuzze Over a year ago

how dangerous would that be

Collectives™ on Stack Overflow

How to get File object from Javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related