JavaScript中文件上传API详解_

1、JavaScript中文件上传API详解_ 对于Web程序员来说，在网页上处理文件上传，总是一件很麻烦的事情。在过去，我们不能够通过拖拽上传图片，也没有简单Ajax上传技术，很少处理多文件批量上传。我们也无法猎取上传过程中的信息，除非上传完成后从服务器端获得。有时候，等你上传完毕后才发觉上传的文件不合适！ 如今，HTML5的革命，现代扫瞄器的诞生，JavaScript的升级，这些给我们供应了用法Javascript和inputtype=file元素猎取上传文件过程信息的力量。 下面就来看看这些上传文件API是如何用法的！ 访问要上传的文件列表信息 假如要获得全部inputtype=file里要

2、上传的文件列表，你需要用法files属性： / Assuming input type=file id=upload multiple var uploadInput = document.getElementById(upload); uploadInput.addEventListener(change, function() console.log(uploadInput.files) / File listing! ); 不幸的是，这个FileList并没有一个叫做forEach的方法，所以我们只能用法老式的循环技巧对FileList进行循环操作： for (var i = 0, fi

3、leCount = uploadInput.files.length; i fileCount; i+) console.log(filesi); 很重要的一点，FileList里是有一个length属性的。 猎取单个上传文件的信息 FileList里的每个文件对象里都保存着大量的关于这个文件的信息，包括文件的体积大小，文件MIME类型，最终修改时间，文件名称等： lastModified: 1428005315000, lastModifiedDate: Thu Apr 02 2021 15:08:35 GMT-0500 (CDT), name: profile.pdf, size: 135

4、568, type: application/pdf, webkitRelativePath: 这些基础信息对我们来说最大的用处就是，我们可以在上传文件之前校验它们。例如，你可以校验文件的类型和体积大小： var maxAllowedSize = 500000; for (var i = 0, fileCount = uploadInput.files.length, totalSize = 0; i fileCount; i+) totalSize += filesi.size; if(totalSize maxAllowedSize) / Notify the user that their file(s) are too large if(filesi.type != application/pdf) / Notify of invalid file type for file in question 假如用户上传的文件的体积太大，超过了允许范围，或上传的类型不对，