uni-app 微信小程序,直传图片、视频到OSS
一:配置Bucket跨域访问
- 登录OSS管理控制台
- 单击Bucket列表,之后单击目标Bucket名称
- 单击权限管理 > 跨域设置,在跨域设置区域单击设置
- 单击创建规则,配置如下图所示

二:微信公众号后台域名配置

三:配置密钥,上传
1、在 config.js文件中配置OSSAccessKeyId、AccessKeySecret和fileHost

2、页面引入
import uploadImage from '@/components/ossutil/uploadFile.js';
3、完整功能页面
<template>
<view style="padding-bottom: 10rpx;">
<view class="cu-bar bg-white margin-top">
<view class="action">
图片上传
</view>
<view class="action">
{
{
imgList.length}}
</view>
</view>
<view class="cu-form-group">
<view class="grid col-3 grid-square flex-sub">
<view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage" :data-url="imgList[index]">