西数对象存储FSS JavaScript用法

本文档介绍了如何在Vue.js项目中使用Axios来获取和下载文件,特别是在西部数码没有提供JS SDK的情况下。主要涉及在main.js中配置axios实例,通过递归获取文件列表,并实现文件下载功能,适用于前端开发人员。
摘要由CSDN通过智能技术生成

西部数码没有提供js的SDK,记录下,望各位少爬坑。

我的前端项目环境:vue.js + itk.js + vtk.js,主要是取文件。

1,main.js 添加,如下代码(直接贴)

    var $http = Axios.create({
     baseURL: '换成自己的',
     timeout: '10000',  //请求超时时间
     headers: {'Authorization': 'Basic 换成自己的'}
    })
    Vue.prototype.$http = $http

2,获取文件列表(一般都是一组一组的图,按检查号分目录存,一级目录)

getFilelist(url, v_herders, files, callback){
      let jerry = this;
      this.$http.get(url,
        {
          headers:v_herders
        })
        .then(function(res){
          files = files.concat(res.data.files)
          
          if(res.data.iter == 'bmV4dCBpbmRleDpFT0Y=')
          {
            callback(url,files);
          }
          else{
            v_herders['x-list-iter'] = res.data.iter;
            jerry.getFilelist(url, v_herders, files,callback);
          }
        })
        .catch(function(err){
          alert(err);
          return;
        }
      );
    }

3,下载文件,content就是文件内容,调试代码用完删掉即可。

downloadFiles(url,data){
      console.log("Jerry:::: files count==",data.length);
      data.forEach(element => {
        this.$http.get(url + element.name,
          {
            responseType:'blob'
          })
        .then(function(res){
          const content = res.data
          const fileName = res.config.url
          console.log("Jerry 计数");
          // (调试)写到文件确认
          // const blob = new Blob([content])
          // if ('download' in document.createElement('a')) { 
          //   const link = document.createElement('a')
          //   link.download = fileName
          //   link.style.display = 'none'
          //   link.href = URL.createObjectURL(blob)
          //   document.body.appendChild(link)
          //   link.click()
          //   URL.revokeObjectURL(link.href)
          //   document.body.removeChild(link)
          // } else {
          //   navigator.msSaveBlob(blob, fileName)
          // }
        })
      });
    }

 4,用
    //1个文件 test/CT1/
    //50个文件 test/CT50/
    //483个文件 test/111/
  

 let url = 'test/CT1/';
 var files = [];
 let headers = {
     'x-list-limit':100
     };
 this.getFilelist(url,headers,files,this.downloadFiles);


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

外码斯迪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值