首页 技术 正文
技术 2022年11月16日
0 收藏 496 点赞 4,070 浏览 1575 个字

js代码//利用formdata上传

 var dataUrl = $('#canvas').getDataUrl();
var img = $('<img>').attr('src', dataUrl); //显示图片
var oMyForm = new FormData(); //创建formdata
var blobBin = dataURLtoBlob(dataUrl); //base64转换blob
oMyForm.append("blobObject", blobBin); //想formData添加blob数据
$.ajax({
url: $.getUrl()+"activity/updateImg",
type: "POST",
data: oMyForm,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (msg) {
console.log("yes");
}
}); //**dataURL to blob** dataURL转换blob
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], { type: mime });
}

java代码 //spring mvc

 @RequestMapping(value="updateImg",method=RequestMethod.POST)
public void upLoad(HttpServletRequest request,HttpServletResponse response) throws IOException {
System.out.println("enter...");
// 从请求中获取到文件信息需要将请求转换为MultipartHttpServletRequest类型
MultipartHttpServletRequest MulRequest = request instanceof MultipartHttpServletRequest ? (MultipartHttpServletRequest) request : null;
Iterator<String> fileNames = MulRequest.getFileNames();
byte[] imgByte = null;
if (fileNames.hasNext()) { // 遍历请求中的图片信息
String fileName = fileNames.next(); // 图片对应的参数名
MultipartFile file = MulRequest.getFile(fileName); // 获取到图片
if (file != null) {
System.out.println("file.getSize():" + file.getSize()); // 图片大小
imgByte=file.getBytes();// 可以获取到图片的字节数组
}
} for(int i=0;i<imgByte.length;++i)
{
if(imgByte[i]<0)
{//调整异常数据
imgByte[i]+=256;
}
}
//生成jpeg图片
String imgFilePath = "d://222.jpg";//新生成的图片
OutputStream out = new FileOutputStream(imgFilePath);
out.write(imgByte);
out.flush();
out.close();
}
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,991
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,506
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,349
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,134
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,766
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,844