jQuery多图上传插件imgUp.js

所属分类:输入-上传

 47754  417  查看评论 (389)
jQuery多图上传插件imgUp.js ie兼容9

更新时间:2017/4/6 上午9:56:43

更新说明:实际项目中使用的时候只需要引用:imgPlugin.js这个就可以了,因为这个是对  imgUp.js的封装。


更新时间:2017/3/30 下午7:06:44

更新说明:一张图删除之后,再次上传同一张无法上传的问题已解决,那时粗心了,嘿嘿


更新时间:2017/3/28 上午11:37:28

更新说明:支持动态创建dom结构的上传,也支持多次页面调用。里面的imgPlugin.js是对这个插件进行的封装。调用方式如下:       

$("#file" + value).takungaeImgup({
      formData: {
          "path": "artScene/",
          "name": value
      },
      url: appServer + "/ajax/uploadPic.htm",
      success: function(data) {},
      error: function(err) {
          alert(err);
      }
});

感谢网友(魏崽这二货)补充的方法

后台配合imgPlugin.js然后调用下面方式,path如果后台设置这里不需要传值,否则后台要get path  , name为图片存数据库字段多图加[],url为后台控制器路径。成功后,控制器里的返回值仔细看imgplugin.js的uploadImg()方法,需要返回data.error=0和data.url(图片路径),

$("#file").takungaeImgup({
    formData: {
        "path": "artScene/",
        "name": "img[]"
    },
    url: appServer + "/ajax/uploadPic.htm",
    success: function(data) {},
    error: function(err) {
        alert(err);
    }
});

path为图片存放路径

<input id="taglocation" name="taglocation" value="" type="hidden">
<input id="tags" name="tags" value="" type="hidden">

这两句貌似多余的,每个上传图片的section都有。

就仔细看imgplugin.js的uploadImg()方法好了,

url: appServer + "/ajax/uploadPic.htm", success: function(data) {}, error: function(err) {
        alert(err);

这里的success,error都不需要设置,只要设置下url就行了,比如url:'index/imgupload'不过手机上传没有图片压缩功能,所以电脑上用用可以,手机还是不友好。

相关插件-上传

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 29337  115

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 40753  324

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 30782  77

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

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

讨论这个项目(389)回答他人问题或分享插件使用方法奖励jQ币

    呵呵 0
    2018/1/12 9:50:29

    请问编辑能回显上传的图片吗

    回复
    grin、sun 0
    2018/1/10 15:58:39

    手机端压缩的可以试试用canvas压缩base64进行上传。以前项目电脑端压缩过图片。

    回复
    grin、sun 0
    2018/1/10 15:55:04
    试了下,貌似是可以的,在找手机端的上传插件,先赞一个,签到几天攒到个q币再下载吧 回复
    CindyW1993 0
    2018/1/10 9:16:58

    双击666,很棒很好用

        grin、sun0
        2018/1/10 15:57:21

        可以求一份代码吗暂时?忘记签到了昨天。。断了之后又要重新开始了

    回复
    Rien5222 0
    2017/12/25 17:08:21

    请问上传后如何检索并显示呢

    回复
    再飞行 0
    2017/12/21 9:32:49

    试试不知道有用吗

    回复
    哎呦我就是修改昵称吖 0
    2017/12/20 16:19:16

    兼容安卓的吗?

    回复
    锦瑟 ・ 无端 0
    2017/12/18 14:03:48

    用到项目里了,很好用,也很美观

        周穆浩0
        2017/12/28 10:25:27

        可以让我看看吗

    回复
    呵护d承诺 0
    2017/12/14 14:26:05

    只引入imgPlugin.js无法上传文件,怎么回事???????

        zz0
        2017/12/16 14:01:51
        求imgPlugin.js,谢谢大佬
        小星星☆?0
        2018/1/16 10:46:34

        +1

    回复
    Crazy?喝.筱陈陈 0
    2017/12/12 18:03:50

    上传图片  报错object boject 是什么情况?完全不知道是在哪错的

        呵护d承诺0
        2017/12/14 14:10:05

        你的可以了吗

    回复
取消回复