前端之家收集整理的这篇文章主要介绍了
ajax上传文件/图片，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
说明：传递“照片”使用html5的FormData()
示例：
实例：
@H_
301_18@$admin.on('click','.btnClassName',function() {
var $form = $(this).parents('form'),params = {
name: $form.find('input[name="username"]').val(),url: $form.find('input[name="url"]').val()
};
if ($.trim(params.name) == '' && $.trim(params.url) == '') {
alert('姓名、照片至少一项不为空！');
return false;
}
// console.log(params);
var formData = new FormData();
formData.append('name',params.name);
formData.append('url',$form.find('input[name="url"]')[0].files[0]);
// console.log(formData);
$.ajax({
url: '__url__/picSave',type: 'POST',data: formData,dataType: 'json',processData: false,contentType: false
}).done(function(result) {
if (result.errcode == 0) {
alert(decodeURIComponent(result.data));
window.location.reload();
} else {
alert(decodeURIComponent(result.data));
}
});
return false;
});
