h5拖拽文件图片上传插件

所属分类:输入-上传

 69865  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>
相关插件-上传

兼容所有浏览器的多图上传预览(原创)

兼容所有浏览器的多图上传预览兼容IE 789.在一个界面上展示到固定标签业务场景:答题添加图片匹配题目一个选项一个题目
  上传
 76928  575

手机端实现多图片上传预览

HTML+CSS+原生JS实现手机端实现多图片上传,选中图片后,可以点击放大(有一定的注释,在PC,ipad,IOS和安卓上都测试过)
  上传
 34296  313

zyupload四种不同的上传PHP版

PHP支持拖拽和裁剪的一款上传插件:zyupload。在js里面可以自定义高度和宽度,类型,远程上传地址等。
  上传
 94011  400

js上传图片预览

js上传图片本地预览
  上传
 113208  536

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