微信小程序上传到阿里云OSS的代码
微信小程序上传到阿里云OSS的代码
第一步
在根目录创建config.js文件夹
var fileHost="xxxx.aliyuncs.com(你的阿里云oss地址)"
var config = {
//aliyun OSS config
uploadImageUrl: `${
fileHost}`, //默认存在根目录,可根据需求改
AccessKeySecret: '填你自己的AccessKeySecret',
OSSAccessKeyId: '填你自己的 OSSAccessKeyId',
timeout: 87600 //这个是上传文件时Policy的失效时间
};
module.exports = config
第二步
代码重构。修改为微信小程序接口的使用方式。代码里面使用的各种算法出处,详见答案底部的原答案。
Base64,hmac,sha1,crypto相关算法点击这里。
const env = require('../config.js');
const Base64 = require('./Base64.js');
//Base64,hmac,sha1,crypto相关算法
//参考这里https://github.com/peterhuang007/weixinFileToaliyun.git
require('./hmac.js');
require('./sha1.js');
const Crypto = require('./crypto.js');
const uploadFile = function (params) {
if (!params.filePath || params.filePath.length < 9) {
wx.showModal({
title: '图片错误',
content: '请重试',
showCancel: false,
})
return;
}
const aliyunFileKey = params.dir + params.filePath.replace('wxfile://', '');
const aliyunServerURL = env.uploadImageUrl;
const accessid = env.OSSAccessKeyId;
const policyBase64 = getPolicyBase64();
const signature = getSignature(policyBase64);
console.log('aliyunFileKey=', aliyunFileKey);
console.log('aliyunServerURL', aliyunServerURL);
wx.uploadFile({
url: aliyunServerURL,
filePath: params.filePath,
name: 'file',
formData: {
'key': aliyunFileKey,
'policy': policyBase64,
'OSSAccessKeyId': accessid,
'signature': signature,
'success_action_status': '200',
},
success: function (res) {
if (res.statusCode != 200) {
if(params.fail){
params.fail(res)
}
return;
}
if(params.success){
params.success(aliyunFileKey);
}
},
fail: function (err) {
err.wxaddinfo = aliyunServerURL;
if (params.fail) {
params.fail(err)
}
},
})
}
const getPolicyBase64 = function () {
let date = new Date();
date.setHours(date.getHours() + env.timeout);
let srcT = date.toISOString();
const policyText = {
"expiration": srcT, //设置该Policy的失效时间
"conditions": [
["content-length-range", 0, 5 * 1024 * 1024] // 设置上传文件的大小限制,5mb
]
};
const policyBase64 = Base64.encode(JSON.stringify(policyText));
return policyBase64;
}
const getSignature = function (policyBase64) {
const accesskey = env.AccessKeySecret;
const bytes = Crypto.HMAC(Crypto.SHA1, policyBase64, accesskey, {
asBytes: true
});
const signature = Crypto.util.bytesToBase64(bytes);
return signature;
}
module.exports = uploadFile;
第三步
使用方法
const uploadImage = require('../../utils/uploadAliyun.js');
在需要使用的地方
uploadImage(
{
filePath: filePath,
dir: "images/",
success: function (res) {
console.log("上传成功")
},
fail: function (res) {
console.log("上传失败")
console.log(res)
}
})
文档
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
filePath | String | 是 | 微信本地的文件名 |
dir | String | 是 | 保存到阿里云oss的目录,可填""(空字符串) |
success | Function | 否 | 上传成功的回调函数,返回值为保存的网络路径 |
fail | Function | 否 | 上传失败的回调函数,返回值与官方uploadfile api文档一致 |
关于阿里云oss服务器地址设置的问题:
阿里云oss可以使用https访问,但是如果我们绑定了自己的域名,再通过自己的域名访问会出现证书错误。
解决办法:不使用我们自己绑定的域名,而是使用阿里云oss默认的域名。