jQuery预览删除的多图上传AJAX提交

多图上传的需求你肯定碰到过，尤其做后台或内容管理那块儿的时候。这份叫“可预览删除的 jQuery 多图上传 ajax 提交”的资源包就挺实用的，功能全，代码也不难看懂，拿来稍微改下就能直接上项目。

jQuery 的图片上传功能还是蛮经典的。虽然现在多人用 Vue 或者 React，但你要是维护老项目，jQuery 依然香。这套代码支持图片预览和删除，而且是ajax提交，页面不卡顿，响应也快。

图片预览这块用的是FileReader，就是那个能把图片读取成Base64的东西，预览图插进标签里马上就能看到效果，体验还不错。

删除功能也挺方便，每张图旁边一个小按钮，点击直接.remove()掉 DOM，页面上立刻消失，干净利落。

多图上传是通过实现的，jQuery 再配合.each()把每张图都一遍，该预览的预览，该上传的上传，逻辑挺清晰。

Ajax 提交那部分走的是FormData，这种方式你用过，把图片塞进去$.ajax发出去，不刷新页面就能搞定上传，后台配合点就能跑。

资源结构也清楚，img目录放的是演示图，js目录里有完整的上传脚本，想学习或者直接拿来用都挺合适。

如果你正好在做一个需要用户上传多张图片的模块，想要图片上传前能预览、能删、不刷新页面就提交，那这套资源你可以下载来看看，调一调就能用上。