h5拖拽文件图片上传插件

所属分类:输入-上传

 4436  29  查看评论 (7)
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>
相关插件-上传

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

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

jQuery多图上传带ajax提交

jQuery多图上传可删除,可以本地预览带前台接口
  上传
 28753  161

webuploader 上传插件(根据官方做了小改)

webuploader上传插件,上图之前图片可编辑、可随意排版上传图片顺序
  上传
 26896  118

js上传图片预览

js上传图片本地预览
  上传
 60295  204

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

    ?身???叻善良的姑?い 0
    2018/4/19 22:47:29
    路径过来了,怎么赋给前端呢?
        gaojuan11270
        2018/4/23 10:45:57
        你好,可以嘛这个插件包发我用一下么
    回复
    冰歌 0
    2018/4/18 14:25:25
    弄好了,非常漂亮。 回复
    孙建建 0
    2018/4/3 14:38:20
    再次上传错误,怎么能不把原图删了~醉了
        孙建建0
        2018/4/3 14:39:24
        不会用啊
        忆林0
        2018/4/4 12:44:29
        哥们研究好了么
        尔雅视觉0
        2018/4/5 11:33:32
        亲,没明白您的意思哦,您的意思是上传失败后的问题吗? 您也可以加我的QQ78692640,我帮您看看
    回复
取消回复