form表单无刷新上传小技巧

xiaoxiao2021-02-28  80

去年有做阿里云直传,分享一些需要注意的小地方 let formData = new FormData(); new一个formData 或者 new FormData('#upload').files[0]; formData.append('OSSAccessKeyId', data.data.access_key_id); 参数加进去 formData.append('policy', data.data.policy); formData.append('Signature', data.data.signature); formData.append('key', data.data.file_prefix + files[0].name); formData.append('file', files[0]) 选择的文件 sessionStorage.setItem('key', data.data.file_prefix + files[0].name); Ajax.ajax({ url: uploadSrc, data: formData, type: 'post', dataType: 'json', cache: false, processData: false, //必选, 是file 上传进程 contentType: false, //必选, 405错误根源 headers: { 'X-Requested-With': 'XMLHttpRequest', //options请求必带 }, }).done(() => { const imgUrl = `${uploadSrc}/${sessionStorage.getItem('key')}` insert(imgUrl) console.log(imgUrl) }) 需要设置content-type为multipart/form-data,jq的contentType设为false是为了避免jq重写原来的content-type,那么就是说以一个new FormData()构造出来的对象作为post的数据发送,浏览器会自动将content-type设为multipart/form-data,并且自动加上boundary。
转载请注明原文地址: https://www.6miu.com/read-2249997.html

最新回复(0)