文件上传到七牛云

iamlcw / 2023-09-03 / 原文

一.在七牛云上创建好自己的空间后在API中编写上传的接口

  1.先下载七牛云的Nuget包

      

   2.然后编写接口

[HttpGet]
        public IActionResult PostQiniu()
        {
            //参数可配置在appsetting.json中
            string Bucket = ""; //文件储存空间
            //公钥
            string AccessKey = "";
            
            //私钥
            string SecretKey = "";

            Mac mac = new Mac(AccessKey, SecretKey);
            //获取到用户凭证
            PutPolicy putPolicy = new PutPolicy();
            putPolicy.Scope = Bucket;
            string token = Auth.CreateUploadToken(mac, putPolicy.ToJsonString());


            return Ok(token);
        }

  从七牛云上获取到自己的私钥和公钥

     

 二.把生成的令牌传到前台,在vue中把文件传入七牛云

  

<template>
  <div>
    <el-upload
                      class="upload-demo"
                      ref="upload"
                      <!-- 这个是你自己文件保存到的地区地址 -->
                      action="http://upload-z1.qiniup.com"
                      :data="tokwnShoq"
                    >
                      <el-button
                        slot="trigger"
                        size="small"
                        type="primary"
                        @click="TokenShow()"
                      >
                        点击上传
                      </el-button>
                    </el-upload>
  </div>
</template>



//七牛云上传
    TokenShow() {
      this.axios.get("").then((res) => {
        this.tokwnShoq.token = res.data;
        console.log(this.tokwnShoq.token);
      });
    }                            

  然后点击上传,选择要上传的文件,就可以上传到自己的七牛云中