准备东西

微信小程序 对接七牛云存储直接上传

https://developer.qiniu.com/sdk#community-sdk#Qiniu-wxapp-SDK
七牛官方推荐微信小程序SDK
https://github.com/gpake/qiniu-wxapp-sdk/blob/master/README.md
安装包
http://7xvilo.com1.z0.glb.clouddn.com/qiniu-wxapp-sdk-master.zip

第一步

解压缩包 只需要 包里面的 qiniuUploader.js 放到 微信小程序 utils 目录就行了

第二步

小程序 page 页面代码
这里 上传 代码

这个是写在pager 头部分

//七牛工具sdk qiniuUploader.js
  const qiniuUploader = require("../../utils/qiniuUploader");
// 初始化七牛相关参数
function initQiniu(token) {
  var options = {
    region: 'ECN', // 华东区
    uptoken: token,
    domain: '拼接图片七牛云域名',
    uploadURL: 'https://up.qiniup.com'  
  };
  qiniuUploader.init(options);
}

这个是写在page 里面的方法代码

      //第一步初始化
      initQiniu("请求java后台的或者的token");
      // 第二步交给七牛上传
      qiniuUploader.upload(file.url, (res) => {
        console.log(res);//打印出来就知道这么操作了
      }, (error) => {
        console.error('error: ' + JSON.stringify(error));
      });

java生成token 代码,前提先加包 七牛maven

      <!--七牛云-->
        <dependency>
            <groupId>com.qiniu</groupId>
            <artifactId>qiniu-java-sdk</artifactId>
            <version>7.7.0</version>
        </dependency>
    /**
     * 获取七牛 uptoken
     *
     * @return upToken
     */
    @GetMapping("/getQiNiuUpToken")
    public String getQiNiuUpToken() {
        String accessKey = "你的accesskey";
        String secretKey = "你的secretKey ";
        String bucket = "你的bucket";
        Auth auth = Auth.create(accessKey, secretKey);
        String upToken = auth.uploadToken(bucket);
        System.out.println(upToken);
        return upToken;
    }
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐