手机端实现多图片上传

所属分类:输入-上传

 24956  110  查看评论 (43)
手机端实现多图片上传 ie兼容10

js+css实现手机端的多图片上传,为了方便使用,css和js都未内联,为性能建议使用时改为外联;

如要用到pc端,直接去掉px转换为rem的js代码,修改单位即可;

因multiple在安卓手机中不兼容,所以在安卓上只能一次选中一张图片,在iOS系统上可以实现多图片的上传;

此代码仅为个人使用而编写,若有错误,欢迎提出,接收任何好的建议!

相关插件-上传

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 12227  86

html5 头像上传更换插件

html5 头像上传、更换、剪切插件
  上传
 63226  557

jQuery File Upload-jQuery上传插件

jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。
  上传
 775510  357

优秀的jQuery无刷新上传插件Uploadify

上传功能在我们的程序中是经常会用到的,而传统的http上传在安全性和文件大小上都会有一定的限制,而且不能看到上传进度。所以就出现了采用Flash和其他一些方式来实现人性化的上传效果。 那么今天我要给大家介绍额就是一款jQuery的无刷新上传插件 -Uploadify,他有免费版和收费版两种,免费版的是用Flash实现的,而收费版的是用html5实现的
  上传
 66703  114

讨论这个项目(43)回答他人问题或分享插件使用方法奖励jQ币

    array[] 0
    2017/6/23 11:11:55

    删除图片,后台还能接受到图片,怎么解决。在线等,急急急

    回复
    轻轻 0
    2017/6/21 13:46:24

    删除后再上传同一张图片就会传不上去

    回复
    罄?一瞥 0
    2017/6/17 16:42:40

    手机上传不了 也没有预览效果

    pc上反应贼慢

    回复
    727144716 0
    2017/6/4 0:59:17

    为什么我接收的时候都是接收到最后一张图片而已呀

    回复
    顾与南尧° 0
    2017/5/2 14:55:41

      如果一次性选多张的话应该就能获取多张  如果是一次一次点击添加 就只能 获取最后一张图片

    这个问题解决就完美了、
        丬00
        2017/5/15 15:50:24

        这么解决的?大神求教

        7271447160
        2017/6/4 0:35:29

        是啊,有解决的办法了吗

    回复
    京-机修-学徒 0
    2017/4/22 15:54:45
    问下 怎么把动态的引入插件 回复
    暗香 0
    2017/4/12 14:20:01

    图片上传路径在哪?

         一半清醒留一半醉。0
        2017/5/25 10:17:22

        在那里

    回复
    T…shirt 0
    2017/4/11 13:51:18

    上传多张图片的时候为什么后台只能获取到一张图片呢,求解

    回复
    梦之起飞 0
    2017/4/1 11:02:45

    删除图片,后台还能接受到图片,怎么解决。

    回复
    喝汽水都会醉。 0
    2017/3/31 10:22:52

    删除图片后再上传同一张就上传不了啊,怎么解决呢

    回复
取消回复