当前位置：首页 > news >正文

uniapp中使用oss

news 来源：原创 2024/4/30 5:40:34

uniapp中使用oss

uniapp中使用oss,直接通过uni.uploadFile上传

复制代码

 1 uni.uploadFile({
 2                             url: 'http://bucket.endpoint/', //oss上传地址
 3                             filePath: files[0].uri,//filePath只能是String
 4                             fileType:'image',
 5                             name: 'file',
 6                             formData: {
 7                                     name: storeAs,//上传文件名
 8                                     key: storeAs, //上传文件名
 9                                     policy: '', // 输入你获取的的policy
10                                     OSSAccessKeyId: '', // 输入你的AccessKeyId
11                                     success_action_status: '200', // 让服务端返回200,默认会返回204
12                                     signature: ''//
13                             },
14                             success: (uploadFileRes) => {
15                                 console.log(uploadFileRes);
16                                 if (uploadFileRes.statusCode == '200') {
17                                     // console.log('https://bucket.endpoint/'+storeAs);                                 
　　　　　　　　　　　　　　　　　　　　　　}

                             },
23                             fail:(err)=>{                                 console.log(err);
26                             }
27                         });

policy和signature通过以下方式得到

　　https://docs-aliyun.cn-hangzhou.oss.aliyun-inc.com/internal/oss/0.0.4/assets/sample/oss-h5-upload-js-direct.zip?spm=a2c4g.11186623.2.21.369658abm1EgFv&file=oss-h5-upload-js-direct.zip

　　下载解压，修改upload.js中的accessid，accesskey，host,打开index.html, 打开F12控制台，查看network，然后上传文件，在请求头中可以看到policy和signature

文件地址：https://bucket.endpoint/'+storeAs