ajax上传文件

Posted 2022-12-13 水月情缘雪飞飞

<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>