【效果:】

【图片文件夹:】

【说明】我们经常遇见图片上传和input框同时提交的情况,通常用form表单,使用插件异步上传,用户体验更好。
【步骤】
1下载:
官网:https://fex.baidu.com/webuploader/
放入项目中
2引入路径
点击快速开始:



3、点击图片上传 复制demo


4,复制js源码 页面拉到最下边 点击查看js源码

有文件上传部分和图片上传部分,复制图片上传部分

4、修改配置



5、ajax上传 处理input:map[]


6、回到服务器上传方法

6、开始上传图片吧!


7、剩下的写后台逻辑,你可以直接把图片url直接存数据表,或者以‘,’号分割字符串分别添加到数据表
8、大功告成!
附:删除图标
微信扫码向我提问:
本文介绍了一种利用百度Web Uploader插件实现图片异步上传的方法。通过详细步骤指导如何下载插件、集成到项目中并进行配置。此外还涉及了如何处理前端与后端的交互,包括使用Ajax进行图片上传。
7874

被折叠的 条评论
为什么被折叠?



