服务端签名后直传请参考阿里云文档示例代码
一, 配置文件 config.JS
- var fileHost = "http://xxxxxx.aliyuncs.com"
- var config = { //aliyun OSS config
- uploadImageUrl: `${fileHost}`, // 默认存在根目录, 可根据需求改
- AccessKeySecret: 'xxxxxx',// AccessKeySecret 去你的阿里云上控制台上找
- OSSAccessKeyId: 'xxxxxx',// AccessKeyId 去你的阿里云上控制台上找
- timeout: 86400 // 这个是上传文件时 Policy 的失效时间
- };
- module.exports = config
二, uploadAliyun.JS
- const env = require('../config.js'); // 配置文件, 在这文件里配置你的 OSS keyId 和 KeySecret,timeout:86400;
- //Base64,hmac,sha1,crypto 相关算法
- const Base64 = require('../Base64.js');
- 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, // 开发者服务器 url
- 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(res);
- }
- },
- fail: function (err) {
- 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;
三, 开始使用
1: 在需要上传图片 (或文件) 的地方引入:
const uploadImage = require('../../utils/ali-oss-upload/uploadAliyun.js'); // 图片上传到阿里云
2: 调用上传图片的方法:
- uploadImage( {
- filePath: filePath,
- dir: "images/",
- success: function (res) {
- console.log("上传成功")
- },
- fail: function (res) {
- console.log("上传失败", res );
- }
- })
来源: http://www.qdfuns.com/article/35195/afd88c3c98bad95feac48b97f0c199ec.html