【微信小程序 对接七牛云,小程序上传七牛】

准备东西

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

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;
    }
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序提供了调用uploadfile接口来实现文件上传的功能,而七牛云则是一种云存储服务,通过将文件上传七牛云上,可以实现文件的存储和管理。 在微信小程序中调用uploadfile接口,需要使用wx.request方法来发送HTTP请求。首先,需要获取上传文件的临时路径,并设置请求的参数,包括url、filePath、name、header等。其中,url是七牛云上传接口地址,filePath是要上传文件的临时路径,name是上传文件的名称,header是请求头部信息。 接下来,调用wx.request方法发送请求,并通过success回调函数获取服务器返回的数据,包括上传成功后的文件地址和其他相关信息。如果上传成功,可以根据返回的数据进行相应的处理,比如显示上传成功的提示信息或者其他自定义操作。 需要注意的是,在进行微信小程序七牛云的集成时,还需要进行相应的配置工作。首先,需要在七牛云上创建自己的账户,并获取到相应的Access Key和Secret Key。然后,通过七牛云提供的SDK或API,将Access Key和Secret Key配置到小程序的后台服务器上。 另外,在使用七牛云上传功能时,可以根据自己的需求,设置不同的上传策略。比如,可以设置文件存储的空间(bucket)、文件名称和存储路径、存储区域等。这样,可以根据具体的业务需求,对文件上传进行更加灵活的控制。 综上所述,通过微信小程序调用uploadfile接口,并结合七牛云的存储服务,可以实现文件的上传功能。这种方式不仅简单方便,而且能够有效地管理和存储文件,满足用户的不同需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值