如何使用文件路径html5创建/初始化文件对象

Question

有很多使用 html5 读取本地文件的示例，但是通过从文件列表中进行选择，我的问题是我想手动创建文件对象，想想我有一个带有链接的文件，

file:///G:/Users/txt.txt

我希望浏览器打开它，

我想它必须 File f=new File('file:///G:/Users/txt.txt');

我的问题是如何使用文件路径创建/初始化文件对象？！

Answer 1

由于 File 继承了 blob 接口，我使用了以下解决方法。

var getFileBlob = function (url, cb) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", url);
        xhr.responseType = "blob";
        xhr.addEventListener('load', function() {
            cb(xhr.response);
        });
        xhr.send();
};

var blobToFile = function (blob, name) {
        blob.lastModifiedDate = new Date();
        blob.name = name;
        return blob;
};

var getFileObject = function(filePathOrUrl, cb) {
       getFileBlob(filePathOrUrl, function (blob) {
          cb(blobToFile(blob, 'test.jpg'));
       });
};

getFileObject('img/test.jpg', function (fileObject) {
     console.log(fileObject);
}); 

Answer 2

未经用户许可，确实无法创建文件。需要按下按钮或其他东西。您需要创建一个 data:uri 才能保存。您可以使用网络搜索或查看 http://en.wikipedia.org/wiki/Data_URI_scheme 来查找更多信息 （不是完整的来源，但可以显示什么是可能的）。根据手机和操作系统的不同，这非常有限。使用 IE 时数据 URI 受到限制。

当触发下载时，它会保存到默认位置或用户指定的位置。您可能还想研究可以按照您所描述的方式执行特定于供应商/操作系统的 API 调用。但在实际允许访问之前可能需要验证权限。