码迷,mamicode.com
首页 > Web开发 > 详细

base64上传到oss

时间:2019-06-01 19:28:05      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:mime   ase   file   key   end   callback   ESS   oda   arc   

1. 将 base64转换为 blob

[-- oss支持直接从客户端提交base64编码保存图片吗 --]

	//**dataURL to blob**
function dataURLtoBlob(dataurl) {
	debugger
	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 });
}

//**blob to dataURL**
function blobToDataURL(blob, callback) {
	var a = new FileReader();
	a.onload = function (e) { callback(e.target.result); };
	a.readAsDataURL(blob);
}



 var _file = dataURLtoBlob(c); // c就是base64字符串

//Blob_test();
function Blob_test(){
	var blob;
	if(!window.Blob)
		console.log(‘不支持‘);
	else
		blob = _file;
	if(window.URL){
		document.getElementById("mybody").innerHTML = ‘<a download href="‘ + window.URL.createObjectURL(blob) + ‘" target="_blank">文件下载</a>‘;
	}
}

Blob_test()

 

2. 将 blob上传到 oss

var form = new FormData()
form.append(‘signature‘, this.ossData.signature)
form.append(‘accessKey‘, this.ossData.accessKey)
form.append(‘policy‘, this.ossData.policy)
form.append(‘key‘, key)

var _fileBlob = dataURLtoBlob(base64) // c就是base64字符串
form.append(‘file‘, _fileBlob)

var req = new XMLHttpRequest()
req.open(‘post‘, this.actionUrl, false)
req.send(form)	

  

 

  

base64上传到oss

标签:mime   ase   file   key   end   callback   ESS   oda   arc   

原文地址:https://www.cnblogs.com/kongge/p/10960460.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!