前端:
<i-input type="text" name="upfile" class="imgs" disabled id="upfile" style="height: 30px;width:400px;" ></i-input>
<i-button type="button" onclick="path.click()" style="height: 30px;width:100px">上传</i-button>
<input type="file"v-mode="goldPcupfile" id="path" style="display:none" onchange="upfile.value=this.value,fileup(this)">
var file = document.getElementById("path");
if(file != undefined && file.value != null){
var fd = new FormData(file.files);
fd.append("file", file.files[0]); //fileData为自定义
$.ajax({
url: /xxx/xxx.do",
type: "post",
// Form数据
data: fd,
async: false,
cache: false,
contentType: false,// 告诉jQuery不要去处理发送的数据
processData: false, // 告诉jQuery不要去设置Content-Type请求头
success: function(r) {
if(r.code === "200"){
this.$Message.success('图片上传成功!');
}
},
error:function () {
this.$Message.error('图片上传失败!');
}
});
}
后端:
@RequestMapping(value = "eidtPromoterUp.do", method = RequestMethod.POST)
@ResponseBody
public String eidtPromoterUp(@RequestParam("file")MultipartFile file, HttpServletRequest request, HttpServletResponse response){
...代码省略
return "";
}
springmvc配置文件
<!-- 配置文件上传解析器 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="utf-8"/>
<property name="maxUploadSize" value="10485760000"/>
<property name="maxInMemorySize" value="40960"/>
</bean>