AJAX多文件上传功能

AJAX 的文件上传,适合那种不想刷新页面、还想搞多文件上传的场景,实用性挺高。前端用点 jQuery 或原生 JavaScript 搭配 FormData,基本就能搞定,多文件选取、进度条也能加上。

可多次上传这点比较实用,适合那种需要用户上传多张图片或多个附件的表单场景。像电商后台、CMS 图片管理这类就挺常见。想要提升体验,可以加个文件类型限制,加个进度提示,细节到位,体验就上来了。

如果你用的是 PHP 做后端,那资源就比较多了。像Ajax 上传文件这篇就讲得比较清楚,文件接收、路径保存、错误判断都有。

jQuery 的话,可以参考jquery ajax 文件上传jQuery AJAX 文件上传,写法简洁,兼容性还不错。记得 $.ajax() 配置里 processData: falsecontentType: false 是必须要设的,不然上传失败你都懵。

后端是 .NET 也没问题,像Asp.Net WebApi 上传文件方法这篇,原生 JS 和 jQuery 两种方法都有,适配性强。

哦对了,如果你图省事,也可以看看php ajax 上传文件插件,封装得比较好,直接调用就行,省事不少。

,AJAX 上传挺适合做成一个小模块,封装好,项目里来回复用。如果你还没用上,建议试试看,体验感提升不止一点点。

js 文件大小:7.25KB