unicloud 非uniapp项目 url化实现图片上传到云存储

1,572 阅读1分钟

使用unicloud ,非uniapp项目,url化上传图片到云存储

记一次学习日常,不会写文章我直接就贴代码了

前端代码

1.

1636528516(1).jpg

2.axios的请求默认application/json

unicloud 云函数代码(服务端)

exports.main = async (event, context) => {
	//event为客户端上传的参数
	console.log('event : ', event)
	let body = JSON.parse(event.body);
	let data,result;
	if (body.dataUrl) {
		// 前端base64   data:image/png;base64,iVBORw0KGgoAAAAN........  把前面data:image/png;base64,去掉再转buffter即可
		body.dataUrl = body.dataUrl.split(',')[1];
		data = Buffer.from(body.dataUrl,'base64');	
	}
	 result = await uniCloud.uploadFile({
		fileContent: data,
		cloudPath: body.name
	})
	//返回数据给客户端
	return result
};

贴效果图

1636530204.png

1636530204(1).png

745df441a262684d56feafcdff6ca95.png 写的不好,大佬轻喷!