jQuery多图上传

所属分类:输入-上传

 79363  464  查看评论 (81)
分享到微信朋友圈
X
jQuery多图上传 ie兼容8

压缩包里有详细的用法

如果您使用高版本的jQuery请调用下,jQuery版本迁移辅助插件

<script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>

js多张图片异步上传并带预览,此功能使用的地方比较多,就索性自己做了一个,思路为ajax将图片的base64编码传递到服务端进行保存,使用的是ASP.NET及C#,希望能够帮到你。(向立凯)

功能描述

实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中并且上传的图片不会重复上传,且不能移除(向立凯)

使用方法

界面顶部引入IMGUP.css,2.0版本以下的Jquery,页面底部引入IMGUP.js

界面中必须存在三个元素

1、图片选择: id必须是“div_imgfile”,可以是任意元素,onclick事件触发选择对话框

2、图片预览容器:id必须是“div_imglook”的div,里面包含一个清除浮动的div

3、确定上传按钮:id必须是“btn_ImgUpStart”,可以是任意元素,onclick事件开始上传全部选中图片

(向立凯)

样式可随意更改,js文件顶部有三个变量,可以分别设置单张图片大小限制,单位MB,最多选中图片张数,异步提交服务端位置

ajax中回调函数可以修改提示信息样式,查找“alert”也可

相关插件-上传

zyupload图片上传修改版V2.0

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

jQuery多图上传插件imgUp.js

可以多图的上传,预览,并带删除功能
  上传
 124709  961

jQuery图片上传预览支持拖拽

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

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

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

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

    Voidㄈ 0
    2019/11/18 14:47:41
    ie8也不能使用啊, 回复
    silver2009 0
    2019/3/8 18:46:29
    既然收费,就要做好售后。移动端无法使用。
        silver20090
        2019/3/9 8:31:05
        移动端可以用,可一样还是报 error ,楼主,怎么调用.ashx页面啊。
    回复
    安之若素 0
    2018/10/18 19:38:07
    你好,请问如何实现一个页面多次使用。
        viviSa0
        2018/11/9 10:34:50
        大佬能不能给我发一份,我没有JQ币!好人一生平安
        15950050665@163.com
    回复
    Aurora 0
    2018/6/13 9:40:32
    请问现在可以支持ie8了吗
        つ帐真的?.0
        2018/7/3 12:44:34
        可以的
    回复
    因为□了 解●← 0
    2018/5/11 9:42:03
    引用高版本jQuery根本用不了啊 只能引用低版本jQuery 哎也是无奈 白瞎了三个Q币 回复
    ?? 0
    2018/4/18 10:37:38
    var IMG_AJAXPATH = "ajax/ImgUpLoad.ashx";//异步传输服务端位置
    这个该怎么设置 比如说本地的某个路径下 请指教
        不吃茄子0
        2018/4/18 10:41:28
        这就是个服务端接口,具体如何处理编码,保存在哪里需要你自己写了
        ??0
        2018/4/18 13:33:57
        好的 没仔细看注释 谢谢 很好用
    回复
    李?淼丶 0
    2018/3/8 13:34:28
    能上传到数据库吗 回复
    S&P 0
    2018/2/8 22:10:46
    pc端不能用吗 上传失败了 回复
    小星星☆? 0
    2018/1/16 10:36:10
    哎呦我就是修改昵称吖 0
    2017/12/20 16:16:54

    安卓的兼容吗?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复