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?

Possible duplicate of [Local file access with javascript](https://stackoverflow.com/questions/371875/local-file-access-with-javascript) — , May 22 '18 at 13:47
Not possible in-browser; the browser has no access to the file system. — Daniel Beck, May 22 '18 at 13:47
Check [File Object in Javascript](https://stackoverflow.com/a/26181292/4308418) — Sachin Bankar, May 22 '18 at 13:50

score 2 · Answer 1 · answered May 22 '18 at 13:52

2

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

answered May 22 '18 at 13:52

vbuzze

930
1
11
25

1

how dangerous would that be – vbuzze May 22 '18 at 13:53

score 2 · Answer 2 · answered May 22 '18 at 13:53

2

    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 '18 at 13:53

Luis Luis Maia Maia

681
1
10
30

Yes I know, but now that image is saved in my file system and I want to get it from Javascript into File object – Daniel May 22 '18 at 13:57
Im sry but i believe that cant be done, the browser cant access the client file system, that would be a huge red flag – Luis Luis Maia Maia May 22 '18 at 13:59

How to get File object from Javascript

2 Answers2