jQuery多图上传

所属分类:输入-上传

 80769  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”也可

相关插件-上传

jQuery h5拖拽多文件上传

可用input控件选择文件,也可以拖拽文件,可以一次上传多个文件,测试需要后台配合,支持失败重传,支持过滤文件类型,文件大小,及同一文件重复上传。
  上传
 88919  528

jQuery多图压缩上传

前端对图片的压缩、可以选择多张、可以预览、还可以删除
  上传
 57290  409

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 70694  489

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

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

讨论这个项目(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

    安卓的兼容吗?

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