base64上传到oss

Posted 2021-12-15 kongge

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)