AjaxFileUploader 2.1异步上传组件
异步上传功能的 AjaxFileUploaderV2.1,算是前端圈里比较实用的小工具。它的核心是AjaxFileUploader.js,靠HTML5 的 File API和XMLHttpRequest Level 2,能做到不刷新页面就把文件丢到服务器上。对做图片上传的场景来说,体验提升蛮的,尤其是要传好几个大图的时候。
JavaScript 的 Ajax 上传,听着高大上,其实用起来还挺顺手。你只要引个 js 文件,写个 file input,再写段监听 change 事件的 JS 代码,选完图就能马上异步上传了。用的是FormData打包上传数据,回调还能拿到上传进度和结果,界面交互也能做得比较细腻。
后端那块,如果你是用Java,它其实也贴心地准备了逻辑,大多数是基于 Servlet 或者 Spring MVC。收 FormData、验类型、保存文件,都帮你理出来了流程。安全上要留点心,比如要加类型校验和大小限制,不然传点乱七八糟的文件上来就麻烦了。
有一点要注意,跨域、预览、多图上传这些需求 AjaxFileUploaderV2.1 没完全帮你包圆,所以还得按项目情况自己扩展一下。你也可以看看其他的文章参考下,比如jQuery + FormData 的实现、或者Vue 里的上传方案,都蛮有的。
如果你刚好项目需要图片异步上传,又不想上来就折腾各种大框架,这包资源你可以先下来看下,搭一套基础功能还挺快的。
下载地址
用户评论