h5拖拽文件图片上传插件

所属分类:输入-上传

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

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

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

jQuery图片上传预览带压缩功能

基于jquery 的canvas压缩图片上传到服务器并在前端展示
  上传
 44694  319

jQuery移动端多图上传(带裁剪功能)

适应于手机端上传图片的功能,附带上传图片裁剪功能
  上传
 36598  349

zyupload图片上传修改版V2.0

在原zyupload基础上增加了放大,删除,目录选择功能 。同时修改了原作者中的删除图片后该图片不能再次上传的BUG
  上传
 51578  367

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

    横荣しずく 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
        解决了吗
    回复
    ?? 0
    2020/1/16 17:28:48
    img: (binary)
    后台怎么接收这个
        ??0
        2020/1/16 17:35:57
        好了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复