使用【百度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、大功告成!

附:删除图标

微信扫码向我提问:



  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值