您可以使用与multiple属性设置,accept属性设置为text/plain; change事件; FileReader,for循环。var pre = document.querySelector("pre");document.querySelector("input[type=file]").addEventListener("change", function(event) {
var files = event.target.files;
for (var i = 0; i
(function(file) {
var reader = new FileReader();
reader.addEventListener("load", function(e) {
pre.textContent += "\n" + e.target.result;
});
reader.readAsText(file)
}(files[i]))
}})
您还可以使用webkitdirectory和allowdirs属性在chrome,chrome上进行目录上传;在dom.input.dirpicker偏好设置为每晚45+或firefox 42+的情况下true,请参阅Firefox 42(针对开发人员),选择和删除文件和/或要解析的文件夹。注意,您也可以从文件管理器中的元素删除文件夹var pre = document.querySelector("pre");document.querySelector("input[type=file]")
.addEventListener("change", function(event) {
console.log(event.target.files)
var uploadFile = function(file, path) {
// handle file uploading
console.log(file, path);
var reader = new FileReader();
reader.addEventListener("load", function(e) {
pre.textContent += "\n" + e.target.result;
});
reader.readAsText(file)
};
var iterateFilesAndDirs = function(filesAndDirs, path) {
for (var i = 0; i
if (typeof filesAndDirs[i].getFilesAndDirectories === 'function') {
var path = filesAndDirs[i].path;
// this recursion enables deep traversal of directories
filesAndDirs[i].getFilesAndDirectories()
.then(function(subFilesAndDirs) {
// iterate through files and directories in sub-directory
iterateFilesAndDirs(subFilesAndDirs, path);
});
} else {
uploadFile(filesAndDirs[i], path);
}
}
};
if ("getFilesAndDirectories" in event.target) {
event.target.getFilesAndDirectories()
.then(function(filesAndDirs) {
iterateFilesAndDirs(filesAndDirs, '/');
})
} else {
// do webkit stuff
var files = event.target.files;
for (var i = 0; i
(function(file) {
uploadFile(file)
}(files[i]))
}
}
})html>
对于可以ajax在铬,铬file:协议本地文件系统上启动的请求,可以--allow-file-access-from-files设置标志来启动,请参阅仅在firefox中工作的Jquery load()?。
在Firefox中你可以设置security.fileuri.strict_origin_policy到false,看到Security.fileuri.strict origin policy。
对于$.ajax()铬的一种可行方法,您可以尝试使用铬var path = "/path/to/drectory"; // `D:\`, `file:///`var files = [];$.ajax({url:path, dataType:"text html"}).then((data) => {
// match file names from `html` returned by chrome, chromium
// for directory listing of `D:\Finaltests\test1\new\places`;
// you can alternatively load the "Index of" document and retrieve
// `.textContent` from `` elements within `td` at `table` of
// rendered `html`; note, `RegExp` to match file names
// could probably be improved, does not match space characters in file names
var urls = $.unique(data.match(/\b(\w+|\d+)\.txt\b/g));
return $.when.apply($, $.map(urls, (file) => {
files.push(file);
// `\`, or `/`, depending on filesystem type
return $.ajax({url:path + "/" + file , dataType:"text html"})
.then((data) => {
// return array of objects having property set to `file` name,
// value set to text within `file`
return {[file]:data}
})
}))}).then((...res) => {
console.log(res, files)})