位置: 编程技术 - 正文
JavaScript中文件上传API详解(js文件里面有什么)
编辑：rootadmin推荐整理分享JavaScript中文件上传API详解(js文件里面有什么)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js文件是,javascript的文件扩展名,js文件内容,javascript写文件,javascript写文件,javascript文件怎么用,javascript文件怎么用,javascript文件怎么用,内容如对您有帮助，希望把文章链接给更多的朋友！
对于Web程序员来说，在网页上处理文件上传，总是一件很麻烦的事情。在过去，我们不能够通过拖拽上传图片，也没有复杂Ajax上传技术，很少处理多文件批量上传。我们也无法获取上传过程中的信息，除非上传完成后从服务器端获得。有时候，等你上传完毕后才发现上传的文件不合适！
如今，HTML5的革命，现代浏览器的诞生，JavaScript的升级，这些给我们提供了使用Javascript和input[type=file]元素获取上传文件过程信息的能力。
下面就来看看这些上传文件API是如何使用的！
访问要上传的文件列表信息
如果要获得所有input[type=file]里要上传的文件列表，你需要使用files属性：
不幸的是，这个FileList并没有一个叫做forEach的方法，所以我们只能使用老式的循环技巧对FileList进行循环操作：
很重要的一点，FileList里是有一个length属性的。
获取单个上传文件的信息
FileList里的每个文件对象里都保存着大量的关于这个文件的信息，包括文件的体积大小，文件MIME类型，最后修改时间，文件名称等：
这些基础信息对我们来说最大的用处就是，我们可以在上传文件之前校验它们。例如，你可以校验文件的类型和体积大小：
如果用户上传的文件的体积太大，超过了允许范围，或上传的类型不对，你可以阻止用户上传，然后给予他们必要的提示，是什么原因不能上传成功。
标签: js文件里面有什么
本文链接地址:https://www.jiuchutong.com/biancheng/373372.html 转载请保留说明！
