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

所属分类:输入-上传

 25491  251  查看评论 (9)
分享到微信朋友圈
X
手机端实现多图片上传预览 ie兼容11

PC端

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

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

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

4.点击确认,图片删除

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

手机端

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

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

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

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

5.点击确认,图片删除

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

相关插件-上传

jQuery移动端多图上传(带裁剪功能)

适应于手机端上传图片的功能,附带上传图片裁剪功能
  上传
 30796  289

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 55915  301

jQuery h5拖拽多文件上传

可用input控件选择文件,也可以拖拽文件,可以一次上传多个文件,测试需要后台配合,支持失败重传,支持过滤文件类型,文件大小,及同一文件重复上传。
  上传
 71121  437

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

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

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

    -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也试过的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复