「jQuery入門」FormDataを利用するサンプルコード

2017年7月23日

1.htmlコード
<form id= “uploadForm">
<p >ファイル名1 <input type="text" name="filename" value= “"/></p >
<p >ファイル名2： <input type="file" name="file"/></ p>
<input type="button" value="アップロード" onclick="doUpload()" />
</form>

 

2.JavaScriptコード
function doUpload() {
var formData = new FormData($( “#uploadForm" )[0]);
$.ajax({
url: 'http://localhost:8080/sample/test1/file/upload’ ,
type: 'POST’,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}