首页 > 代码库 > 通过Ajax方式上传文件(图片),使用FormData进行Ajax请求
通过Ajax方式上传文件(图片),使用FormData进行Ajax请求
-
HTML:
<form id= "uploadForm">
<p >指定文件名: <input type="text" name="filename" value=http://www.mamicode.com/ ""/></p >
<p >上传文件: <input type="file" name="file"/></ p>
<input type="button" value=http://www.mamicode.com/"上传" onclick="doUpload()" />
</form>
-
JS:
function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: ‘xxx‘ , --------------这里是请求的接口
type: ‘POST‘,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}
通过Ajax方式上传文件(图片),使用FormData进行Ajax请求