ajax发送FormData，后台接收

1 前端用formdata()的方式提交

        //创建一个新的canvasvar canvas = document.createElement("canvas");var content = document.getElementById('Home-Container');var aLink =document.createElement('a');//  aLink.setAttribute('download', uuid);var w = content.offsetWidth ;var h = content.offsetHeight;
//可以按照自己的需求，对context的参数修改,translate指的是偏移量
//  var context = canvas.getContext("2d");
//  context.translate(0,0);var context = canvas.getContext("2d");context.scale(2, 2);html2canvas(content, {width:w,height:h,windowWidth: document.body.scrollWidth,windowHeight: canvas.scrollHeight}).then(function(canvas) {//document.body.appendChild(canvas);//canvas转换成url，然后利用a标签的download属性，直接下载，绕过上传服务器再下载//aLink.setAttribute('href', canvas.toDataURL());let src = canvas.toDataURL("image/png")//这里转成的是base64的地址，直接用到img标签的src是可以显示图片的var fd = new FormData();function dataURItoBlob(dataURI) {//图片转成Buffervar byteString = atob(dataURI.split(',')[1]);var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];var ab = new ArrayBuffer(byteString.length);var ia = new Uint8Array(ab);for (var i = 0; i < byteString.length; i++) {ia[i] = byteString.charCodeAt(i);}return new Blob([ab], {type: mimeString});}var blob = dataURItoBlob(src);fd.append('source_from','webpage_upload')//在formdata加入需要的参数fd.append('file',blob)let config = {//添加请求头headers: { 'Content-Type':'multipart/form-data'}};//  获取form所有数据const instance=axios.create({responseType: 'blob'})instance.post(url.System.createReport+"?TIME="+window.TIME0+"&RYZ="+window.RYZ0+"&ZD="+window.ZD0+"&AD="+window.AD0+"&PH="+window.PH0+"&SW="+window.SW0+"&NODENAME="+window.nodeName+"&YLS="+window.YLS0+"&DL="+window.DL0+"&DY="+window.DY0+"&DEPTH="+window.DEPTH0+"&LAT="+window.LAT0+"&LON="+window.LON0+"&YHHYDW="+window.YHHYDW0,fd,config).then(res => {const content = res.dataconst blob = new Blob([content])const fileName = '下载的文件.docx'if ('download' in document.createElement('a')) {//非ie下载const elink = document.createElement('a')elink.download = fileNameelink.style.display = 'none'elink.href = URL.createObjectURL(blob)document.body.appendChild(elink)elink.click()URL.revokeObjectURL(elink.href)document.body.removeChild(elink)} else {//ie10+下载navigator.msSaveBlob(blob, fileName)}})aLink.click();});

2 后台获取文件

 MultipartHttpServletRequest multipartRequest=(MultipartHttpServletRequest) request;InputStream file1 =multipartRequest.getFile("file").getInputStream()；

ajax发送FormData，后台接收相关推荐

java后台解析json并保存到数据库_[Java教程]ajax 发送json 后台接收遍历保存进数据库...
[Java教程]ajax 发送json 后台接收遍历保存进数据库 0 2017-09-25 15:00:23 前台怎么拿参数的我就不管了我也不会反正用这个ajax没错 ajax 代码一定要写 ...
Form组件，用ajax发送到后台需要的注意事项
form通过ajax发送到后台, 后台无法直接返回跳转页面,因为,ajax无法接受跳转命令后台验证完成后,错误信息因为不是常规Python的字典格式,所以需要引入ErrorDict views文件 ...
ajax参数传递与后台接收【转存】
ajax参数传递与后台接收 Servlet中读取http参数的方法 Enumeration getParameterNames() 返回一个 String 对象的枚举,包含在该请求中包含的参数的名称 ...
ajax传递数组后台接收不到值的问题
背景: JQGrid需要进行批量删除操作传给后台的是数组,结果后台接收不到值. 后台语言:java 原因: ajax传递参数时,traditional 默认为false,JQuery会深度序列化参数对 ...
Ajax发送formdata数据，SpringMVC后台处理
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 前端js: var submit_data = new FormData(); var name = $(&qu ...
ajax post请求发送数组后台接收
www.yanand.me 加上traditional: true, 转载于:https://www.cnblogs.com/terry0376/p/5620057.html
使用JQuery Ajax发送FormData数据
视图页面的代码 1.先创建一个FormData:var form = new FormData(); 2.然后进行数据的封装:form.append("封装数据的名字",数据),例 ...
iphone 使用AJAX发送FormData文件，踩坑
事呢,就是这么个事.iphone如果你发送的formdata数据中文件有空,在数据表现为file.size==0;此时试用iphone是会发送失败的:无奈只好做个判断了: 1. 问题分析 /* * 为 ...
用jsonserve和axios做交互_详解解决使用axios发送json后台接收不到的问题
问题描述按照axios官网例子发起请求传递json,后台接受到的数据为空,一直卡在options阶段. 尝试的方法开始以为是接口有问题,使用postman测试下,一切正常,百思不得其解,看了好多i ...

ajax发送FormData，后台接收

ajax发送FormData，后台接收相关推荐

最新文章

热门文章