评论：H5文件上传插件easyUpload.js  [查看原文]

Tender丶DongGua0
2018/4/24 14:37:29
我IE9也不行

最美dě陪伴0
2018/8/27 16:12:48
Q 97020810

Anonymous1
2018/2/22 22:41:35

查了半天资料，终于解决了。。。
插件的判定逻辑似乎是在返回串中寻找有没有{"code":200}的字段，如果没有或者不是200则判定失败，否则判定成功。只需要将返回的json串加上该字段即可。
如果用struts或springmvc的话，返回的json可能被js当成了string处理，从而无法读出json里的"code":200。将easyupload.js的308行开始进行如下修改(308把res换成result，310这一行为新加）：
(308) success: function (result) {
(309) // 标记索引，用于删除操作
(310) var res = eval("("+result+")"); //重要！
(311) res.easyfileindex = file.index;
(312) var param = _this._findele(file.index, target);
以下springmvc的后端逻辑仅供参考。其中imageuploadcallback类记录了上传结果，包括errno, code, data[]，uploadimage为处理multipartfiles的函数。也兼容wangeditor的文件上传。


@requestmapping(value = "/admin/docs/imageupload") public void imageupload(@requestparam(httprequestattr.img_upload) multipartfile[] multipartfiles, httpservletresponse response) {
    imageuploadcallback imageuploadcallback = editlogservice.getinstance().uploadimage(multipartfiles);
    try {
        string callback = new objectmapper().writevalueasstring(imageuploadcallback);
        printwriter writer = response.getwriter();
        writer.write(callback);
        writer.flush();
        writer.close();
    } catch (ioexception e) {
        e.printstacktrace();
    }
}

guoaiqiang0
2018/2/28 11:49:00
后端返回什么结果才是显示成功？

Anonymous0
2018/2/28 15:37:23

{
    "errno": 0,
    "code": 200,
    "data": ["/doc/attach/20181/20180228152751309_thumb.jpg"],
    "filename": ["20180228152751309_thumb.jpg"]
}

黑体字标注的字段对应插件的默认成功判断标志，该返回值同样兼容wangeditor的图片上传默认返回值格式，返回文件名和路径是为了插入链接至富文本编辑器中

guoaiqiang0
2018/2/28 15:52:21
上传到本地磁盘了，但是还是显示上传失败。我是用struts2的，返回值有"code":200,还是失败。请问您可以给我看看的返回值的实体代码么

Anonymous3
2018/2/28 22:47:29
返回code:200就是后端成功拿到数据了，找到easyupload.js大概第308行的位置，找到success: function (res)这一行，然后在底下加入3行调试代码：console.log(res.code);res = eval("("+res+")");console.log(res.code);成功的话在console中会分别显示undefined和200，上传结果应该就变成成功了。

guoaiqiang0
2018/3/1 9:07:27
好的，谢谢。

guoaiqiang0
2018/3/6 16:23:44
cannot call senderror() after the response has been committed struts2你有出现这个问题的么

凡夫俗子0
2018/5/2 13:19:42
感谢大神，这个方案很好的解决了我的问题

前台上传失败。在easyupload.js 312行

if (res.code!=option.okcode)

我让后台给我传一个code=200,放在message下，所以 我的项目中把312行改成

if (res.message.code!=option.okcode)

就不会报错了

ma123456mai0
2018/2/27 14:45:21
java的 上传失败  控制台报错失败回调，如何配置url

后台收不到数据是什么情况...

移动端不能用啊

xzp182476552940
2018/2/3 15:09:58

上传后显示上传失败但是在文件夹中还有上传的文件，我想问您一下在上传完成后需要返回什么数据，您说的code=200我不知道该往什么地方加。麻烦您了

全选反选只需在easyUpload.js中第257行

if(opt.check=='yes'){...}else{}

在else中加入以下代码即可，原来else中的一行代码保留

var qItems = $(opt.target).parent().parent().find('.queue_check');
   for (var i=0; i<qItems.length; i++) {
   $(qItems[i]).html('&#xe693;').attr('data-checked', 'no');
 }

jianghbpsd0
2018/3/30 23:44:09
棒棒哒

显示上传失败但是文件已经保存是怎么回事呢

、多亏有我??0
2018/1/31 16:10:34

让你的返回数据里有一个code = 200 就可以了

╀感0
2018/2/4 19:26:44

我的也是这样

前端显示上传失败 但是后台是成功的 有人遇到这个问题吗

。0
2018/2/2 11:48:24

你后台是怎么接的呀.............

小钢炮XG1
2018/2/7 13:15:40

$.ajax({
            url: option.url,
            type: "post",
            data: fd,
            processdata: false,
            contenttype: false,
            datatype: "json", //加上这句话（如果后台返回的是json数据的话），然后后台返回数据中包含
            {
                "code": 200
            }
            就行了
            timeout: option.timeout,
            success: function(res) {

显示上传失败，有人遇到没

@ifzhou0
2018/1/24 16:17:24

是我url没有配好。。

ma123456mai0
2018/2/27 14:41:38
兄弟，你哪个url是如何配置的  我现在改了半天就是上传失败但是能显示百分一的进度  控制台报错失败回调

上传失败，我怎么知道是为什么啊，

@ifzhou0
2018/1/24 14:39:52

请问你解决了没