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 ”);

 

查看更多关于angular自定义url访问的详细内容...