ajax上传文件

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Ajax相关文章