如何从 Javascript 中获取 File 对象答案

【问题标题】：How to get File object from Javascript如何从 Javascript 中获取 File 对象
【发布时间】：2018-11-01 07:38:39
【问题描述】：

我已使用此代码获取输入文件的 File 对象（我已通过 console.log 对其进行测试，结果正确）。

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

我得到的目标代码是这样的：

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

但是，现在我想获得那种 File 对象，但是通过保存到我的文件系统中的图像路径。有可能吗？

【问题讨论】：

Local file access with javascript的可能重复
浏览器中不可能；浏览器无权访问文件系统。
检查File Object in Javascript

标签： javascript file

【解决方案1】：

浏览器无法访问客户端的文件系统，需要先上传图片

【讨论】：

那会有多危险

【解决方案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
    }

这适用于多个图像文件试试吧

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

【讨论】：

是的，我知道，但是现在该图像已保存在我的文件系统中，我想将其从 Javascript 获取到 File 对象中
我很抱歉，但我认为这无法完成，浏览器无法访问客户端文件系统，这将是一个巨大的危险信号