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

雨田1
2018/6/12 9:40:19

后台需要返回code为200,不过你可以把他代码给屏蔽掉,在代码的319行,


 if (res.code != option.okCode) {
     allowNewPost = true;
     if (option.multi) {
         response.error.push(res);
         option.errorFunc && option.errorFunc(response);
     } else {
         option.errorFunc && option.errorFunc(res);
     }
     _this._handleFailed(param);
 } else {
     //这里面的代码留着
 }

把上面这段代码给注释掉

假正经0
2018/10/2 20:21:20
请问那个url应该怎么写

Helianthus。0
2018/6/2 15:03:34
然后也是因为“`”这个 导致后续的删除按钮无效。。哎，，，js小白表示。。放弃、、

Helianthus。0
2018/6/2 15:17:22
有没有大神指教一下

Helianthus。0
2018/6/2 15:28:30
ES6了解一下？

缺席你的过去，0
2018/7/5 17:32:43
`改成' 然后${index}改成+index+

zanmeng0
2018/12/11 10:10:21
大神感谢 这下支持ie10和11了

zanmeng0
2018/12/11 10:11:08
@缺席你的过去，

总想发呆的小木木0
2019/8/27 17:16:39
大神，这个是哪里呀，请指教呀

扁基儿0
2018/8/27 11:06:43
同问，兄弟你解决了吗？

雨田3
2018/6/5 13:49:11

插件配置好路径,


$('#richContent').easyUpload({
       allowFileTypes: '*.jpg;*.png;*.jpeg;*.doc;*.pdf',
       allowFileSize: 100000,
       selectText: '选择文件',
       multi: true,
       multiNum: 12,
       showNote: true,//是否展示文件上传说明
       note: '提示：最多上传5个文件，支持格式为doc、pdf、jpg',//文件上传

说明   

showPreview: true,//是否显示文件预览
       url: "${pageContext.request.contextPath}/product/productDetailImageUpload",
       fileName: "photo",
       timeout: 100000,//请求超时时间
       okCode: 200,//与后端返回数据code值一致时执行成功回调，不配置默认200
       successFunc: function(res) {
           var result=res.successSingle[0];
         
       },//上传成功回调函数
       errorFunc: function(res) {
           console.log('失败回调', res);
       },//上传失败回调函数
       Func: function(res) {
           var result = res.del[0];
       }
   });

fileName与你后端接受参数名字对应:使用 MultipartFile类接收


@RequestMapping(value = "/productDetailImageUpload")
@ResponseBody
public APIResult productDetailImageUpload(@RequestParam("photo") MultipartFile photo, HttpServletRequest request) {
   处理自己的图片业务逻辑
}

c#后台接收

string uploadPath = context.Server.MapPath("/UploadFile/"); //UploadFile文件的物理地址
if (!Directory.Exists(uploadPath)) {
    Directory.CreateDirectory(uploadPath);
}

HttpPostedFile file = context.Request.Files["file"];

var returns = "";
string filename = DateTime.Now.ToString("yyyyMMddhhmmssffff") + ".jpg";
if (file != null) {
    returns = uploadPath + file.FileName.Substring(0, file.FileName.Length - 4) + filename;
    file.SaveAs(returns);
}

//看了这么多评论发现状态码在返回值里面，下面是springmvc返回状态码的一种方式
//先创建一个对象

public class Upload {
    private Integer code;
    public Integer getCode() {
        return code;
    }
    public void setCode(Integer code) {
        this.code = code;
    }
}

//因为是用的spring框架加上@ResponseBody注解可以将对象转成json字符串返回
//而我的对象里包含code（状态码），必须返回这个字段
//因为js代码里判断的是这个名字（code）,所以它是不可变的，除非你手动改变它
//当然返回值里面可以添加其他字段

@RequestMapping("/uploadMore")
@ResponseBody
public Upload uploadMore(MultipartFile file, HttpServletRequest request) throws IOException {
    Upload upload = new Upload();
    upload.setCode(200);
    return upload;
}

雨田0
2018/6/5 10:56:26
我就说为何一直提示上传失败,明明后台都已经成功了

― 派派派派派大星1
2018/11/6 20:56:50

public
function Uploads(Request $request) {
    if ($request - > file('file')) {
        //判断文件大小
        $size = $request - > file('file') - > getSize();
        //            if($size > 5*1024*1024){
        //
        //                return back()->withErrors('上传图片不能超过5M');
        //            }
        $images = $request - > file('file');
        $filedir = "uploads/course";
        $imagesName = $images - > getClientOriginalName();
        $extension = $images - > getClientOriginalExtension();
        $newImagesName = md5(time()).random_int(5, 5).
        ".".$extension;
        $images - > move($filedir, $newImagesName); //6、使用move方法移动文件.
        return response() - > json([
            'status' => 'success',
            'src' => $filedir.
            '/'.$newImagesName,
            'code' => '200'
        ]);

    } else {
        return response() - > json([
            'status' => 'error',
            'code' => 0,
            'msg' => '发生未知错误'
        ]);
    }
}

十指连心_想迩0
2018/4/25 17:07:18
我的IE11都显示不出来。。哭

错0
2018/6/13 18:49:24
return (['code' => 200]);

雨田0
2018/6/5 11:03:52
后台需要返回一个code字段,值为200,或者其他的,根据前端配置的okCode来设置