jQuery图片上传展示插件imgFileupload.js

所属分类:输入-上传

 93363  458  查看评论 (185)
分享到微信朋友圈
X
jQuery图片上传展示插件imgFileupload.js ie兼容11

使用方法

引用jQuery和imgFileupload.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="imgFileupload.js"></script>

html

<div class="box"></div>

js

var imgFile = new ImgUploadeFiles('.box', function(e) {
    this.init({
        MAX: 3, //限制个数
        MH: 5800, //像素限制高度
        MW: 5900, //像素限制宽度
        callback: function(arr) {
            console.log(arr)
        }
    });
});
相关插件-上传

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

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

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 63628  451

图片上传插件zyupload java版实例代码

本插件经本人多次修改完善,功能齐全,支持多图片上传、拖拽上传、剪辑、编辑,上传预览,编辑获取默认值等功能,并且每一个功能对应一个demo,简单易懂,方便学习修改
  上传
 109305  766

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 58609  333

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

    邱景尧 0
    2021/4/25 11:12:30
    回调函数里放ajax执行了好几次
    怎么传arr给后台呢
        邱景尧0
        2021/4/25 11:33:15
        比日说我上传三张图片 callback就会执行三次 那么里面用ajax传给后台数据也就是三次
    回复
    vs2pk0 0
    2020/12/17 9:46:37
    哼!我是大白菜?? 0
    2020/11/17 16:28:33
    旧梦丶 0
    2020/6/16 8:45:36
    我想问下,就是进入页面就有两张加载好的图片怎么写啊,小白程序员的业务需求是这个。
        旧梦丶1
        2020/7/13 9:09:04

        在 imgFileupload.js 中 变量 htmls 就是页面渲染的元素,你可以在 字符串拼接的 ul 中 按格式添加 

        `<li data-delid="1" data-delname="123.png">
            <img src="${allimg[i].papers}" class="imsg">
            <i class="delImgs" id="${allimg[i].id}" onclick="delImgs(${allimg[i].id},'${allimg[i].papers}')">X</i>
        </li>`

        就行了。 但要注意 默认加载的 ×  不生效,所以自己写个点击事件处理逻辑。

    回复
    快乐鱼 0
    2020/6/11 14:53:05
    我想问一下,图片在上传的时候,不能显示0/3这种情况吗? 回复
    HappyTigerづ 0
    2019/12/29 8:52:30

    充值会员,下下来代码 咋不是手机自适应的?

        areyouOk0
        2019/12/29 10:11:10

        手机自己加上以下代码就行了,在修改对应CSS样式基本上就可以了。这个插件是功能实现,不可能考虑所有用户的需求,需要自己修改。

        <!--适应移动端-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
    回复
    Ginger° 0
    2019/12/12 19:13:23
    Quiet 0
    2019/11/30 15:41:16
    手机端只识别GIF格式的图片怎么改
        Sunflower??0
        2019/11/30 15:56:31
        你叫sx吧
    回复
    yoonfeng 0
    2019/10/28 9:56:59
    怎么限制上传文件的格式?
        a8446722360
        2020/5/19 11:04:04
        难道查看文件后缀名吗?
    回复
    Yivoking 0
    2019/10/19 16:36:57
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复