手机端实现多图片上传

所属分类:输入-上传

 33980  129  查看评论 (55)
手机端实现多图片上传 ie兼容10

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

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

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

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

相关插件-上传

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 27727  243

Plupload文件上传插件

Plupload这个JavaScript控件可以让你选择Adobe Flash、Google Gears、HTML5、Microsoft Silverlight、Yahoo BrowserPlus或正常表单Form等多种方法进行文件上传。
  上传
 121792  135

Web Uploader文件上传插件

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。 采用大文件分片并发上传,极大的提高了文件上传效率。
  上传
 143862  315

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 15799  67

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

    时光年轮 0
    2017/8/7 17:47:43

    放在$(function(){})里面就不好用了

    回复
    You smile 0
    2017/7/29 16:33:16

    怎么实现控制上传图片数量呢

    回复
    星之睿-知学网 0
    2017/7/29 11:58:00

    求图片上传的相关代码    最好是asp.net 的

    回复
    小玮1 0
    2017/7/19 14:46:07
    为什么我下载下来,在本地这个插件不能用,也不报错。 回复
    思勤 0
    2017/7/4 20:03:31

    怎么获取name的值呢!

    回复
    思勤 0
    2017/7/4 19:40:19

    这个图片怎么存储啊!

        anhui110
        2017/7/26 15:52:09

        后端语言完成存储

    回复
    海不会不蓝 、 0
    2017/6/30 14:57:20

    这个插件有问题,删除掉之后再上传上传不上去

        yoonfeng1
        2017/7/11 14:56:11
        用remove()替换hide()方法就行,作者删除时只是设置了隐藏,其实应该是删除就整个remove掉
    回复
    array[] 0
    2017/6/23 11:11:55

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

        嘘~0
        2017/8/15 11:57:44

        我也遇到了这个问题,解决了么??

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

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

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

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

    pc上反应贼慢

    回复
取消回复