其中最主要的是drop事件中用handleFiles()依次处理所有文件
Js代码
handleFiles = function(files) {
for (var i = 0; i < files.length; i++) {
var file = files[i];
}
} |
对于图片类型的文件可以直接读取内容,显示预览图
Js代码
if (!file.type.match(/image*/)) {
continue;
}
var img = document.createElement("img");
img.classList.add("obj");
img.file = file;
preview.appendChild(img);
var reader = new FileReader();
reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
reader.readAsDataURL(file); |
接下来就是核心功能:ajax上传。首先新建一个XHR请求
Js代码
var xhr = new XMLHttpRequest();
xhr.open('post', '/file/upload', true); |
|