h5拖拽文件图片上传插件

所属分类:输入-上传

 12899  62  查看评论 (24)
h5拖拽文件图片上传插件 ie兼容10

实现多图多文件上传与拖拽上传,拖拽排序功能。

该插件是自己在项目中使用的,由于自己项目组的习惯,所有参数都写在标签上的。

详细配置参考示例文件

引用文件:

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> 
<script src="jQuery.upload.mini.js"></script> 
<link rel="stylesheet" href="upload.css">

调用代码:

<div class="upload" id="case" data-num="10" data-type="zip,pdf,doc,docx"></div>
<script type = "text/javascriptt" > $(function() {
        $("#case").upload(
            //该函数为点击放大镜的回调函数,如没有该函数,则不显示放大镜 
            function(_this, data) {
                console.log(data)
            });
    }) 
</script>
相关插件-上传

h5拖拽文件图片上传插件

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

图片预览上传插件bootstrap-fileinput.js

bootstrapfileinput预览上传图片并使用FmData上传,上传url根据实际情况填写
  上传
 37140  150

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 22963  61

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

移动端上传图片裁剪插件简单版
  上传
 18807  102

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

    浮生若梦 0
    2018/6/11 14:00:35
    服务端使用什么获取数据 回复
    浮生若梦 0
    2018/6/11 12:59:35
    我为啥没有获取到$_FIELS 是空的 回复
    jqnb 0
    2018/5/21 14:41:59
    我这边项目中需要选择完图片需要添加个textarea标签在右边, 这个可以实现吗? 回复
    がさいゆの 0
    2018/5/17 10:05:19
    总是出现网络连接异常怎么回事?
    怎么设置高度宽度? 回复
    がさいゆの 0
    2018/5/17 9:28:12
    貌似还是有BUG的 回复
    Sun Ju. 0
    2018/5/14 19:07:11

    使用过程遇到了两个问题:
    1. 有时,鼠标点击放大按钮,没有反应。分层直接消失,而不会进入定义的函数里
    2. 上传图片的时候,content-type固定是jpeg的,导致上传png,gif的时候,图片损坏
    希望楼主能回复下,是否有解决方案。

    回复
    马铃薯 0
    2018/5/10 16:45:19
    有个bug,上传文件后,缩略图上显示一个灰色的横条
        马铃薯0
        2018/5/10 16:49:00
        作者帮忙修改下,拜托!
        简简单单0
        2018/5/13 19:01:20

        浏览器有可能不持支 svg. 这种写法,目前我把

        item.children("svg.progress").remove();

        改成

         item.children("svg").remove();

        我这边还出现了.on("click",'svg.',function(e) 这个绑定时间不好使
        我在外层套了个div :del = '<div class=""><svg xmlns=
        然后这么绑定就好使了 .on("click",'.',function(e)

    回复
    哄着自己玩 0
    2018/5/8 19:21:41
    有个bug希望修复一下,当存在多个上传框的时候,拖拽图片到一个框上面,图片也被拖到别的框里面去了,给的这个demo就有这个bug,希望修复一下 回复
    哄着自己玩 0
    2018/5/8 15:32:21
    太完美了,已经用上 回复
    哥是个传说 0
    2018/5/2 10:47:49
    我想问一下,上传图片没有问题,怎么上传视频就提示路径不存在呢? 回复
取消回复