h5拖拽文件图片上传插件

所属分类:输入-上传

 67438  494  查看评论 (111)
分享到微信朋友圈
X
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>
相关插件-上传

jQuery多图上传带ajax提交

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

jQuery图片上传预览支持拖拽

上传单个图片,同时支持将图片拖拽在框中
  上传
 62879  416

jQuery图片上传,带剪切功能

jQuery图片上传,适用移动端,带剪切功能,支持手势调节图片大小
  上传
 38755  337

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

移动端上传图片裁剪插件简单版
  上传
 56847  460

讨论这个项目(111)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    What. 0
    2023/7/19 9:35:00
    能不能支持图片复制 粘贴到控件框 回复
    横荣しずく 0
    2021/9/9 15:43:15
    为啥传到后台的gif文件 就变成jpg文件了 回复
    迷茫的青春 0
    2020/11/5 11:59:23
    图片拖拽上传,当前页面的所有case都会上传拖拽的图,这个BUG有人解决了吗
        迷茫的青春0
        2020/11/5 15:26:24
        已解决
        渐入佳境0
        2021/12/16 13:31:26
        如何解决的,能给个说明不,谢谢
    回复
    j_coding 0
    2020/7/30 15:46:13
    图片拖拽上传,当前页面的所有case都会上传拖拽的图,这个BUG有人解决了吗 回复
    ?? 0
    2020/4/28 14:36:40
    1282814653 0
    2020/4/15 13:07:20
    上传成功后 , 从哪里拿回调数据呢 .... 回复
    新田同城微圈 0
    2020/3/10 21:18:32
    非常好用个插件,就可惜不支持IE 8 9
        0
        2022/5/19 16:40:52
        可以
    回复
    新田同城微圈 0
    2020/3/8 18:50:31
    jquery-1.9.1.js 无法删除图片跟查看放大镜 回复
    新田同城微圈 0
    2020/3/8 15:44:24
    请问PHP后端怎么接受呢?能跟表单一起提交吗 回复
    ?? 0
    2020/1/16 18:13:17
    数据编辑 如何将查到的 图片赋值进去 显示图片
        getter0
        2021/11/16 12:29:00
        解决了吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复