h5拖拽文件图片上传插件

所属分类:输入-上传

 72524  496  查看评论 (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>
相关插件-上传

html5 头像上传更换插件

html5 头像上传、更换、剪切插件
  上传
 175069  1331

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 64843  460

h5拖拽文件图片上传插件

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

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 81932  381

讨论这个项目(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
        解决了吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复