在做javaweb开发时,遇到上传时需要返回数据到前台,但都是需要用到插件。通过下面方法可以解决。
页面如下所示,注意是html5:
<form method="post" enctype="multipart/form-data" id="fileForm">
<input type="file" name="file" id="file" />
<input type="button" value="Submit" οnclick="upload()" />
</form>
js代码如下图所示:
function upload() {
var param = new FormData($("#fileForm")[0]);
$.ajax({
type : 'post',
url : "/upload/uploadFile.jhtml",
data : param,
cache : false,
processData : false,
contentType : false,
success : function(jsonText) {
if (null != jsonText) {
// alert(jsonText.bool);
if (jsonText.bRes === true) {
alert("[操作成功!]");
$("#bankwaterQueryForm").submit();
} else {
alert("[操作失败!]");
document.getElementById("Rptrd_goback").disabled = "true";
}
}
}
});
}
后台用@RequestParam(value = "file", required = false)CommonsMultipartFile file接收就行了。