前端经验_new FormData

FormData 对象的使用：

1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString

2.异步上传二进制文件。

1.FormData对象的操作方法，全部在原型中，自己本身没任何的属性及方法。

1.FormData对象的操作方法，全部在原型中，自己本身没任何的属性及方法。

let formData =newFormData()

formData.append('user','zhang')

获取 formData.get('user')//zhang

删除 formData.append('user').....

2.使用FormData对象发送文件

// 文件元素

 var file = document.querySelector('[type=file]');

    // 通过FormData将文件转成二进制数据

    var formData = new FormData();

    // 将文件转二进制

    formData.append('upload', file.files[0]);
    $.ajax({

    url: 'file.php',

    type: 'POST',

    data: formdata, // 上传formdata封装的数据

    dataType: 'JSON',

    cache: false,        // 不缓存

    processData: false, // jQuery不要去处理发送的数据

    contentType: false,   // jQuery不要去设置Content-Type请求头
    success:function (data) {    //成功回调

        console.log(data);

    }
});

2.使用FormData对象发送文件