angular自定义url访问

导出文件

const xhr = new XMLHttpRequest();
    const url = ASYNC_URLS.serverUrl + 'rmApi/supp/baseOrderInfo/exportOrderDetailMessage?baseOrderInfo.orderId=' + (this.formInfo.orderId ? this.formInfo.orderId : '')  + '&baseOrderInfo.purchaseStatus=' + (this.formInfo.purchaseStatus ? this.formInfo.purchaseStatus : '');

    xhr.open('get', url, true);
    xhr.responseType = 'blob';
    let accessToken = sessionStorage.getItem('accessToken');
    xhr.setRequestHeader('tokenId', JSON.parse(accessToken).tokenId);
    xhr.onload = function() {
      if (this.status === 200) {
        const blob = this.response;
        const temp = this.getResponseHeader('Content-disposition').split('=')[1]; // 获取文件名 处理中文乱码
        const fileName = decodeURIComponent(temp);
        if (window.navigator.msSaveOrOpenBlob) {			// IE浏览器下
          navigator.msSaveBlob(blob, fileName);
        } else {
          const  link = document.createElement('a');
          link.href = window.URL.createObjectURL(blob);
          link.download = fileName;
          link.click();
          window.URL.revokeObjectURL(link.href);
        }
      }
    };
    xhr.send(null);

上传文件

uploadHand($event, fileUpload) {
    const xhr = new XMLHttpRequest();
    const files = $event.files;

    xhr.onreadystatechange = ev => {
      this.onUpload(ev, files[0].name, fileUpload);
    };
    const url = this.uploadUrl;
    const formData: FormData = new FormData();
    for (let i = 0; i < files.length; i++) {
      formData.append('file', files[i], files[i].name);
    }
    xhr.open('POST', url, true);
    xhr.setRequestHeader('tokenId', JSON.parse(sessionStorage.getItem('accessToken')).tokenId
    );
    xhr.send(formData);
  }

  onUpload(event, fileName, fileUpload) {
    if (event.target.readyState === 4) {
      this.fileName = fileName;
      const res = JSON.parse(event.target.response);
      if (res['operateSuccess']) {
        this.tableData = res['baseVendorVos'];
        this.allowImport = res['allowImport'];
        this.allowCount = res['allowCount'];
        this.forbidCount = res['forbidCount'];
        this.noData = false;
        this.nextFlag = false;
      } else {
        this.noData = true;
      }
    }
    fileUpload.files = [];
  }

响应头处理
response.setHeader(“Access-Control-Allow-Origin”, “");
response.setHeader(“Access-Control-Expose-Headers”, "
”);
response.setHeader(“Content-disposition”, “attachment; filename=” + fileName);
response.setContentType(“application/vnd.ms-excel;charset=utf-8”);
response.setCharacterEncoding(“utf-8”);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值