UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

手机端实现多图片上传预览

所属分类：输入-上传

 34693  313  查看评论 (10)
分享到微信朋友圈
X
手机端实现多图片上传预览 ie兼容11
 查看演示  立即下载

PC端

1.点击+号多选图片展示

2.点击显示的图片，放大该图片

3.再次点击放大后的图片时，弹出删除提示框

4.点击确认，图片删除

5.点击取消，返回图片展示列表

手机端

1.点击+号选择获取图片方式

2.选择后上传图片，图片显示

3.点击显示的图片，放大该图片

4.再次点击放大后的图片时，弹出删除提示框

5.点击确认，图片删除

6.点击取消，返回图片展示列表

相关插件-上传
查看更多

jQuery多图上传插件imgUp.js

 可以多图的上传，预览，并带删除功能
  上传
 126744  963

pc端图片批量上传，可拖动图片交换位置

 jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 63979  459

jQuery多图上传带ajax提交

 jQuery多图上传可删除，可以本地预览带前台接口
  上传
 81802  560

基于webuploader多图片上传插件diyUpload.js

 多张图片上传 base64格式 移动端可支持，代码中有详细注释。
  上传
 87476  571

讨论这个项目（10）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    panking 0
    2022/12/13 17:07:24
    兄弟安卓怎么这只能单张上传呀,说好的多图片上传呢💔 回复
    -BOJO 0
    2019/7/12 16:45:14
    这些插件什么语言都可以用吗
        Hephaestus0
        2019/9/9 17:04:14
        应该是的吧
    回复
    ゆBlUeS．㈨ 0
    2019/3/5 8:41:17
    这放大也是缩略图，好模糊。。
        Hephaestus0
        2019/4/29 13:42:16
        是的 对于放大的图片没有做处理 不好意思啊
    回复
    ~黎ㄖ月仍未ροㄖ尧/? 0
    2019/2/16 13:42:23
    android 无法多图上传
        Hephaestus0
        2019/2/18 11:45:25
        好像是的 没注意
    回复
    ?’⒈抹丶胭脂荭っ 0
    2019/2/14 14:07:08
    这个兼容苹果系统吗
        ?’⒈抹丶胭脂荭っ0
        2019/2/14 14:16:07
        好像不兼容Android7
        Hephaestus0
        2019/2/18 11:34:52
        Android9 我这里测试是可以的 ios也试过的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复