ajax 上传文件

最近做公司官网,需要用到上传文件功能,由于是用JQ写的,用到了input标签 的type=file 属性,然后利用表单提交方式上传,代码如下:

$('#upload_video').change(function(e) {
        let files = e.target.files[0]; //获取文件资源
        let formDatas = new FormData();
        formDatas.append('file', files);
        
        $.ajax({
            url: APIpre + '/file/***',
            type: "POST",
            dataType: "json",
            data: formDatas,
           
            success: function(resp) {

                video_url = resp.data[0];
            
            }
        })

    })

但是 一直报错“Current request is not a multipart request” 。
之前用vue 也这样写过,但是并没有出现过上面的错误。于是怀疑是JQ框架的问题.百度之后通过设置两个属性:

 processData: false,
 contentType: false,        

就OK了,

posted @ 2018-03-14 13:48  孔目湖眺望者  阅读(165)  评论(0)    收藏  举报