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

how to create/initialize the file object using file path html5

本文关键字：文件 初始化 创建 对象 HTML5 何使用 路径      更新时间：2023-09-26
有很多

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

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

我希望浏览器打开它，

我认为它必须提交f=new File('file:///G:/Users/txt.txt');

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

自从文件继承 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);
});

没有用户的许可，确实无法创建文件。需要按下按钮或其他东西。您需要创建一个 data：uri 才能保存它。您可以使用网络搜索或签出 http://en.wikipedia.org/wiki/Data_URI_scheme（不是完整的来源，但可以显示可能的内容）找到更多信息。这取决于手机和操作系统，这是非常有限的，在使用IE时，数据URI是有限的。

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

相关文章：