gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 12:18:07 29 4
gpt4 key购买 nike

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

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

我想让浏览器打开它,

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

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

最佳答案

由于 File 继承了 blob 接口(interface),我使用了以下解决方法。

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);
});

关于javascript - 如何使用文件路径 html5 创建/初始化文件对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5933565/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com