使用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);
}
});