input标签的 accept 属性(前端过滤上传格式) 和new FormData 详解

使用input 上传文件 accept过滤文件格式
<input type=“file” name=“pic” id=“pic” accept=“image/gif, image/jpeg”
FormData 对象的使用：

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

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

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

1.FormData对象的操作方法，全部在原型中，自己本身没任何的属性及方法。
et 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);

}

});