之前一直用jquery的form插件自带的方法ajaxSubmit提交表单。 这种方法太依赖库，在移动端会产生多大的资源消耗，于是还是用FormData提交比较合适。FormData也是H5新增 二、通过Html Form元素创建FormData对象，用ajax提交。

现在就单独写一篇博客来记录下实现的整个过程，以及在做的过程中遇到的一些坑。

本文主要介绍如何使用原生js，通过面向对象的方式实现一个文件上传预览的组件，该组件利用FileReader来实现文件在前端的解析，预览，读取进度等功能，并对外暴露相应api来实现用户自定义的需求，比如文件上传，进度监听，自定义样式，读取成功回调等。 该组件仍有需要完善的地方，在…

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！ 请求超时：当你设置了接口的超时时间为10s，那么上传大文件时，一个接口响应时间超过10s，那么便会被Faild掉。 网…

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

一、读取文件前端无法向原生App那样直接操作本地文件，不然一个网页就能偷光用户电脑上的文件，用户想要触发文件操作，主要有三种1、<inputtype='file'/>选择本地文件2、通过拖拽，利用dr

上传图片生成缩略图，这个需求很常见，网络上的文章也很多。但是大多数都是直接丢一堆代码出来，也不多解释，不说下注意点，不说明优缺点等，也缺乏场景的延伸。 我这里所写的，不仅是生成缩略图这个需求，还把验证上传文件、删除已选文件、提交上传文件的一个完整的实际流程来展开此文章。 因为网…

它是一个 JavaScript 文件上传库。可以拖入上传文件，并且会对图像进行优化以加快上传速度。让用户体验到出色、进度可见、如丝般顺畅的用户体验。 上传内容：支持目录、文件、多个文件、本地路径、远程 URL 等。 文件管理：删除文件、选择文件、复制和粘贴文件、或使用 API …