使用ajax执行上传的功能

/**
 * 使用FormData
 */
$("#formId").click(function(){
    var formdata = new FormData($("#formId")[0]);
    fromdata.append('key','value');
    $.ajax({
        url: "url",
        type: "POST",
        data:formdata,
        dataType: "json",
        processData: false,  // 告诉jQuery不要去处理发送的数据
        contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
        success: function (res) {
        }
    })
}) 

如果是springboot项目需要如下配置

在 application.properties 添加

spring.servlet.multipart.max-file-size=50MB
spring.servlet.multipart.max-request-size=50MB

如果有nginx 出现413错误需要如下配置

找到自己主机的nginx.conf配置文件，打开
在http{}中加入 client_max_body_size 50m;
然后重启nginx
/etc/init.d/nginx restart