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

所属分类:输入-上传

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

PC端

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

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

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

4.点击确认,图片删除

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

手机端

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

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

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

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

5.点击确认,图片删除

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

相关插件-上传

jQuery h5拖拽多文件上传

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

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 80503  381

h5拖拽文件图片上传插件

支持拖拽上传,拖拽排序,图片压缩的简单上传插件
  上传
 70397  496

基于PhotoClip移动端上传图片裁剪

移动端上传图片裁剪插件简单版
  上传
 58196  460

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