uniapp微信小程序H5直传阿里云oss

录音文件，图片使用微信小程序H5直传阿里云oss

阿里云地址

aliOssSts.js
/**
 * 微信小程序通过STS直传阿里云OSS
 * 
 * @param {filePath} 音频临时地址
 * @param {option|Object} OSS和STS配置
 * @param {savePath} oss中的文件目录
 * @param {AccessKeySecret} 服务端返回的STS中的AccessKeySecret
 * @param {SecurityToken} 服务端返回的STS中的SecurityToken
 * @param {AccessKeyId} 服务端返回的STS中的AccessKeyId
 * @param {bucket} 存储桶
 * @param {area} 地区
 * @return {string|boolean} 成功返回文件地址，失败返回false
 */

import crypto from 'crypto-js';
import {
	Base64
} from 'js-base64/base64.js';

function upload(filePath, option = {
	savePath,
	AccessKeySecret,
	SecurityToken,
	OSSAccessKeyId,
	bucket,
	area,
	expiration
}, callBack = () => {}) {
	let fileType = filePath.split(".").pop();
	let filename = option.savePath + "/" + createFileName(32) + "." + fileType;
	const date = new Date();
	date.setHours(date.getHours() + 1);
	const policyText = {
		expiration: option.expiration, // 设置policy过期时间。
		// expiration: date.toISOString(), // 设置policy过期时间。
		conditions: [
			["content-length-range", 0, 1024 * 1024 * 1024],
		],
	};
	const policy = Base64.encode(JSON.stringify(policyText)) // policy必须为base64的string。
	const signature = computeSignature(option.AccessKeySecret, policy)
	const formData = {
		OSSAccessKeyId: option.OSSAccessKeyId,
		signature,
		policy,
		'x-oss-security-token': option.SecurityToken,
		key: filename,
		success_action_status: 200
	}

	uni.uploadFile({
		url: "https://" + option.bucket +
			"." + option.area + ".aliyuncs.com",
		filePath: filePath,
		name: "file",
		formData: formData,
		success: (res) => {
			console.log(res);
			let ossFileName = false;
			if (res.statusCode === 200) {
				console.log('上传成功');
				ossFileName = "https://" + option.bucket +
					"." + option.area + ".aliyuncs.com/" +
					filename;
			}
			callBack(ossFileName);
		},
		fail: err => {
			console.log(err);
			callBack(false);
		}
	})
}




// 签名
function computeSignature(accessKeySecret, canonicalString) {
	return crypto.enc.Base64.stringify(crypto.HmacSHA1(canonicalString, accessKeySecret));
}

// 生成随机文件名
function createFileName(length) {
	const data = [
		"0",
		"1",
		"2",
		"3",
		"4",
		"5",
		"6",
		"7",
		"8",
		"9",
		"A",
		"B",
		"C",
		"D",
		"E",
		"F",
		"G",
		"H",
		"I",
		"J",
		"K",
		"L",
		"M",
		"N",
		"O",
		"P",
		"Q",
		"R",
		"S",
		"T",
		"U",
		"V",
		"W",
		"X",
		"Y",
		"Z",
		"a",
		"b",
		"c",
		"d",
		"e",
		"f",
		"g",
		"h",
		"i",
		"j",
		"k",
		"l",
		"m",
		"n",
		"o",
		"p",
		"q",
		"r",
		"s",
		"t",
		"u",
		"v",
		"w",
		"x",
		"y",
		"z",
	];
	let nums = "";
	for (let i = 0; i < length; i++) {
		const r = parseInt(Math.random() * 61, 10);
		nums += data[r];
	}
	return nums;
}




export default {
	upload
}

使用
页面引用

import AliOss from "@/utils/aliOssSts.js"

从服务端获取key token id
上传

AliOss.upload(filePath, option, function(res) {
	if (res) {
	//阿里云文件地址
	} else {
		console.log("上传失败，请稍后重试");
	}
});

来自 Ce\🙏