使用【百度webuploader插件】异步上传图片

【效果:】

【图片文件夹:】

【说明】我们经常遇见图片上传和input框同时提交的情况,通常用form表单,使用插件异步上传,用户体验更好。

【步骤】

1下载:

官网:https://fex.baidu.com/webuploader/

放入项目中

2引入路径

点击快速开始:

3、点击图片上传 复制demo

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

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

4、修改配置

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

6、回到服务器上传方法

6、开始上传图片吧!

7、剩下的写后台逻辑,你可以直接把图片url直接存数据表,或者以‘,’号分割字符串分别添加到数据表

8、大功告成!

猜你喜欢

转载自blog.csdn.net/germy2/article/details/88013852