jQuery-File-Upload 9.5.6图片上传插件
前端项目里图片上传做得顺不顺手，真的影响体验。jQuery-File-Upload 9.5.6这个插件，我用下来感觉还挺顺。支持多文件上传、预览、进度条、限制文件大小和类型，该有的都有。而且配置也不复杂，用FormData配合XMLHttpRequest或fetch就行，异步，响应也快。
HTML5 的 File API让浏览器端能读取文件，选完图就能用FileReader生成预览，方便。你只要监听input[type='file']的change事件，再用readAsDataURL读取图像数据，几行代码搞定预览。
要上传？用FormData把文件封装一下，配上fetch或者老点的XMLHttpRequest发给后台，异步不阻塞用户操作。插件还了一堆自定义事件，比如上传成功、失败这些，方便你做各种提示。
不过，上传这事也不能光靠前端。像文件类型限制、大小验证这些，后端也得兜底。别忘了一下文件名，免得用户传重名文件把原来的覆盖了。
跨域的也别怕，设置下 CORS 就好。如果你考虑带宽，还可以让服务端做缩略图优化加载速度。
如果你想要一个功能全、体验好、用法也不复杂的图片上传方案，这个插件可以一试。尤其适合表单多、图片上传场景多的项目。
文件大小：114.59KB
评论区