Ajax 使用 FormData 请求传参（附件）

1.将base64 格式转为文件对象，配合图片压缩那篇文章使用

//将base64转换为文件对象
function dataURLtoFile(dataurl, filename) {var arr = dataurl.split(',');var mime = arr[0].match(/:(.*?);/)[1];var bstr = atob(arr[1]);var n = bstr.length; var u8arr = new Uint8Array(n);while(n--){u8arr[n] = bstr.charCodeAt(n);}//转换成file对象return new File([u8arr], filename, {type:mime});//转换成成blob对象//return new Blob([u8arr],{type:mime});
}

2.创建formData 并传入参数

var formData = new FormData();
formData.append("pic1", dataURLtoFile(imgList[0],"pic1.png"));
formData.append("pic2", dataURLtoFile(imgList[1],"pic2.png"));
formData.append("pic3", dataURLtoFile(imgList[2],"pic3.png"));
formData.append("requestJson", JSON.stringify(data3));

3.发起请求

$.ajax({url:url,type:"post",data:formData,processData:false,// 使用formData传参很重要的配置contentType:false,// 使用formData传参很重要的配置success:function(res){console.log(res);},error: function (jqXHR, textStatus, errorThrown) {// console.log(jqXHR)// console.log(textStatus)// console.log(errorThrown)console.log(jqXHR.responseText)},dataType:"json"
})

Ajax 使用 FormData 请求传参（附件）相关推荐

scrapy实现post请求与请求传参
不推荐使用scrapy框架发送post请求,配置复杂,如果在数据量大的情况下,可以通过如下代码来实现: import scrapyclass FySpider(scrapy.Spider):name ...
小程序使用formdata格式传参
在开发过程中后端要求使用formdata格式传参,试了下发现小程序不能new formData,上网查了查,微信开放社区找到了解决方法,原文之路:使用wx.request发送multipart/for ...
18-爬虫之scrapy框架请求传参实现的深度爬取（全站爬取）05
请求传参实现的深度爬取深度爬取:爬取的数据没有在同一张页面中(首页数据+详情页数据) 在scrapy中如果没有请求传参我们是无法进行持久化存储数据的实现方式: scrapy.Request(url ...
爬虫开发10.scrapy框架之日志等级和请求传参
今日概要日志等级请求传参今日详情一.Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息. - 日志 ...
axios 最全请求拦截器响应拦截器配置公共请求头超时时间以及get delete post put 四种请求传参方式
axios 拦截器请求拦截器请求拦截器的作用是在请求发送前进行一些操作例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操 ...
scrapy框架的日志等级和请求传参
Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息.- 日志信息的种类:ERROR : 一般错误WARNI ...
jmeter测试接口--form表单提交请求（解决请求传参为空的问题）
jmeter测试接口--form表单提交请求(解决请求传参为空的问题) 参考文章: (1)jmeter测试接口--form表单提交请求(解决请求传参为空的问题) (2)https://www.cnbl ...
formdata格式传参
最近后台总是让我用formdata格式传参,经过同事指导和查阅资料之后,对formdata传参有了一个初步的认识. 之前写的普通格式传参: export function addCamera(data ...
pdf.js 请求传参关键词并高亮显示
pdf.js 请求传参关键词并高亮显示 1.去官网下载: http://mozilla.github.io/pdf.js/getting_started/#download 2.将下载的包copy到s ...

Ajax 使用 FormData 请求传参（附件）

Ajax 使用 FormData 请求传参（附件）相关推荐

最新文章

热门文章