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

  

更多推荐