<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>
ajax上传文件
最新推荐文章于 2024-03-28 17:16:20 发布