前端之家收集整理的这篇文章主要介绍了
ajax上传文件,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<input type="file" name="file" id="button"/>
<script>
$( "#button" ).change(function(){
var formdata = new FormData();
formdata.append("file",this.files[0]);
var size = this.files[0].size;
if (size > 10 * 1024 * 1024) { // 判断文件大小
console.log('文件最大上传为10M');
return false;
};
$.ajax({
type: 'POST',url: '/upload/upload',data: formdata,contentType: false,// 必须false才会自动加上正确的Content-Type
processData: false,// 必须false才会避开jQuery对 formdata 的默认处理,XMLHttpRequest会对 formdata 进行正确的处理
success : function(data) {
console.log(data);
},error : function(data) {
console.log('错误');
console.log(data);
}
});
})
</script>
原文链接:https://www.f2er.com/ajax/160935.html