uniapp上传图片和视频到OSS
1.首先需要拿到formData里面的参数如下所示:
formData: {
name: nameStr,
key: nameStr,
policy: 'xxxxxxxxx', // 输入你获取的的policy
OSSAccessKeyId: 'xxxxxxxxxxxx', // 输入你的AccessKeyId
success_action_status: '200', // 让服务端返回200,不然，默认会返回204
signature: 'xxxxxxxxxxxxxx'
},2.无需后台返回使用工具拿到以上参数:
- 下载应用服务器代码
- 将文件解压，并打开upload.js文件
- 修改upload.js中的配置信息。
- accessId ： 设置你的AccessKeyId。
- accessKey ： 设置你的AessKeySecret。
- host： 格式为bucketname.endpoint，例如bucket-name.oss-cn-hangzhou.aliyuncs.com。关于Endpoint的介绍，请参见Endpoint访问域名。
- expiration：设置Policy的失效时间，如果超过失效时间，就无法通过此Policy上传文件。
- 在浏览器打开index.html文件
- 单击选择文件，选择指定类型的文件，单击开始上传。
4.获取上传需要的签名（signature）和加密策略（policy）。
按F12开启web调试，在请求中的Form Data中获取signature和policy。
使用chooseImageApi选择本地图片后上传
let tiemr = new Date();
let address = tiemr.getFullYear() + '' + (tiemr.getMonth() + 1) + '' + tiemr.getDate();
address = 'image' + '/';
var imageSrc = this.videoList[0];
let str = '.mp4';
let nameStr = address + tiemr.getTime() + str;
let ossUrl = 'http://wangnode.oss-cn-beijing.aliyuncs.com/';
console.log(45, nameStr);
console.log(45, imageSrc);
console.log(45, str);
uni.uploadFile({
url: ossUrl, //输入你的bucketname.endpoint
filePath: imageSrc,
fileType: 'mp4',
name: 'file',
formData: {
name: nameStr,
key: nameStr,
policy: 'xxx', // 输入你获取的的policy
OSSAccessKeyId: 'xxx', // 输入你的AccessKeyId
success_action_status: '200', // 让服务端返回200,不然，默认会返回204
signature: 'xxxxx'
},
success: res => {
console.log(1121321, res);
if (res.statusCode == '200') {
console.log(ossUrl + nameStr);
//上传到服务器返回的地址
this.$u.api.videoInfo({
'vedioUrl': ossUrl + nameStr,
'ticketId': parseInt(this.operateresultId),
'ticketType': "operticket",
'status': s,
'isNormal': parseInt(this.isNormal)
}).then(res => {
console.log(45345, res);
this.flagB = 1;
this.updateState()
})
} else {
console.log(res);
}
}
});