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

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

所属分类：输入-上传

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

PC端

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

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

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

4.点击确认，图片删除

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

手机端

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

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

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

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

5.点击确认，图片删除

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

相关插件-上传
查看更多

webuploader 上传插件（根据官方做了小改）

 webuploader上传插件，上图之前图片可编辑、可随意排版上传图片顺序
  上传
 67798  474

zyupload图片上传修改版

 在原zyupload基础上增加了放大，删除，目录选择功能 。上传的图片可以轮播查看， 上传图片有拖拽图片和文件功能
  上传
 58834  382

jQuery图片上传预览支持拖拽

 上传单个图片，同时支持将图片拖拽在框中
  上传
 63178  417

兼容所有浏览器的多图上传预览(原创)

 兼容所有浏览器的多图上传预览兼容IE 789.在一个界面上展示到固定标签业务场景:答题添加图片匹配题目一个选项一个题目
  上传
 75957  575

讨论这个项目（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也试过的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复