form表单上传附件的几种方法
问题描述:在网页开发过程中,当需要上传附件(图片,音频,视频等)时,常规方法是使用form表单进行提交,这里总结一下form表单提交的几种方法。
参考地址:http://www.cnblogs.com/zhuxiaojie/p/4783939.html
1.使用form表单进行提交
<form name="form名称" action="请求地址" method="请求类型" enctype ="multipart/form-data">
<input type="file" name="">
<input type="text" name="">
<input type="submit" value="提交">
</form>
2.使用FormData对象
function editUserInfo() {
var formData = new FormData(document.getElementById('editUserInfo'));
$.ajax({
url: url,
type: method,
data: formData,
processData: false,
contentType: false,
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function (obj) {
// ...
},
error: function (obj) {
// alert('服务器请求失败');
}
})
}
3.使用jquery.form.js
- jquery.form.js是一个强大的表单插件,其大量的提供了表单操作的各种简便的方法
- 前提先引入jquery.form.js插件
- 详细信息请参考http://jquery.malsup.com/form/
// ajaxSubmit提交form表单
function updateUserInfo() {
$('#表单ID').ajaxSubmit({
url: url,
type: 'POST',
//data: $('表单ID').serialize(),
//processData: false,
//contentType: false,
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function (obj) {
// ...
},
error: function (obj) {
// alert('服务器请求失败');
}
});
}