zoukankan      html  css  js  c++  java
  • oss blob上传

    // const OSS = require('ali-oss');
    
    // const client = new OSS({
    // region: 'oss-cn-hangzhou',
    // accessKeyId: 'LTAIBZRs7kInJQzY',
    // accessKeySecret: '0Rt1TZpc6rvyIopixD1hjJdCheZgnH',
    // bucket: 'ekokucqz'
    // });

      

     //上传附件oss
        attachmentsUpload = (listName,option) => {
          // const ossName = option.file.name.split(".")[0];
          const date = `${new Date().getFullYear()}${new Date().getMonth()}${new Date().getDate()}`;
          const ossKey = "file/"+date+"/"+new Date() * 1+"/"+option.file.name;
          //上传进度条显示
          // client.multipartUpload(ossKey, option.file , {
          //   async progress(percentage) {
          //     option.onProgress({ percent: percentage*100});
          //   }
          // }).then((result)=>{
          //   // console.log(result);
          //   let data = {
          //     code:"200",
          //     data:{id:result.name,name:option.file.name,url:result.res.requestUrls[0].split("?")[0]},
          //     success:true
          //   };
          //   // option.onProgress({ percent: 100 });
          //   option.onSuccess(data);
          // }).catch(function (err) {
    
          // });
          let disableds = {...this.state};
          disableds["disabled"+listName] = true;
          this.setState(disableds);
          blobService.createBlockBlobFromBrowserFile(BlobName, 
          ossKey, 
          option.file, 
          (error, result) => {
              if(error) {
                  // Handle blob error
                  let stateData = {...this.state};
                  stateData[listName] = stateData[listName] - 1;
                  this.setState(stateData, () => {
                    if(this.state[listName] === 0){
                        let disState = {...this.state};
                        disState["disabled"+listName] = false;
                        this.setState(disState);
                    }
                  });
              } else {
                  let stateData = {...this.state};
                  // console.log(result);
                  let data = {
                      id:result.name,
                      uid:result.name,
                      name:option.file.name,
                      url:`https://${AccountName}.blob.core.chinacloudapi.cn/${BlobName}/${result.name}`,
                      status:'done',
                  };
                  stateData.PhotosList[listName+"List"].push(data);
                  stateData["required"+listName] = false;
                  stateData[listName] = stateData[listName] - 1;
                  this.setState(stateData, () => {
                    if(this.state[listName] === 0){
                        let disState = {...this.state};
                        disState["disabled"+listName] = false;
                        this.setState(disState);
                    }
                  });
              }
          });
    import AzureStorage from './azure-storage.blob.min.js';
    const blobUri = `https://${account.name}.blob.core.chinacloudapi.cn`;
    const blobService = AzureStorage.createBlobServiceWithSas(blobUri, account.sas);
    window.blobService = blobService;
    window.BlobName = ""
    window.AccountName = ""
  • 相关阅读:
    jquery 第二节 Dom和jQuery的互相转换
    jquery 第一节 什么是jQuery
    SQL四大语句、四大完整性、五大约束
    empty和is_null以及isset函数在0、”0”、‘空串’、NULL、false、array()的计算值
    WAMP常用环境配置
    解读Java内部类
    每日编程系列——暗黑的字符串
    每日编程系列——跳石板
    每日编程系列——优雅的点
    每日编程系列——回文序列
  • 原文地址:https://www.cnblogs.com/guidan/p/9812145.html
Copyright © 2011-2022 走看看