FormData的使用之Ajax文件上传

今天使用Ajax上传文件的时候,用到了formData,最后用console.log打印formDta怎么都打印不出来,后来发现使用错误。
原因是new FormData的参数是一个DOM对象,而非jQuery对象
具体使用方法见下面参考链接–地址。
Ajax文件上传代码如下:

<div>
	<label>头像label>
	<input id="thumbnail" name="thumbnail" type="file" placeholder="请输入链接地址" enctype="multipart/form-data"/>
div>
var file = $('#thumbnail')[0].files[0] // 获取input框文件内容
var formData = new FormData();
    formData.append('file', file);
     $.ajax({
        type: 'POST',
        url: "你的文件上传地址",
        dataType: "json",
        data: formData,
        cache: false, // 不能少
        processData: false, // 不能少
        contentType: false, // 不能少
        success: function (data) {
            uploadCallBack(data.fpath);
        }
    });

你可能感兴趣的:(js,ajax文件上传)