手机端实现多图片上传

所属分类:输入-上传

 16003  89  查看评论 (34)
手机端实现多图片上传 ie兼容10

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

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

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

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

相关插件-上传

js上传图片预览

js上传图片本地预览
  上传
 38755  153

H5移动前端图片批量压缩上传

在移动端压缩图片并且上传主要用到filereader、canvas 以及 fmdata 这三个h5的api
  上传
 24723  77

jQuery文件上传

这是一个文件上传的展示,看很多插件,并不满意就自己写了一个,可能兼容性不是很好,没有准确进行测试过,还请各位不吝赐教
  上传
 2911  18

图片上传插件zyupload java版实例代码

本插件经本人多次修改完善,功能齐全,支持多图片上传、拖拽上传、剪辑、编辑,上传预览,编辑获取默认值等功能,并且每一个功能对应一个demo,简单易懂,方便学习修改
  上传
 46854  314

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

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

    图片上传路径在哪?

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

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

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

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

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

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

    回复
    Bamboo Gang! 0
    2017/3/30 21:05:47

    可以把压缩图片加上。还有就是图片直接上传道服务器

    回复
    何安下、 0
    2017/3/27 13:45:51

    大神,能告诉我怎么把图片保存到项目么,谢谢了

    回复
    浇水吧 0
    2017/3/24 10:26:18

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

        T…shirt0
        2017/4/11 13:52:03

        你这个问题解决啦没  我也遇到啦

    回复
    --梦人李i 0
    2017/3/21 18:24:51

    怎么控制它上传的张数?只能限制5张的?

    回复
    WckY 0
    2017/2/23 19:10:20
    如何让默认的上传头像input在上传照片之后 位置在后面呢 相当于next 默认的上传头像input 始终在最前面  回复
取消回复