點擊按鈕執行的handler

 1     exportClick() {
 2         var
 3             profile = {
 4                 content: this.state.profile,
 5                 type: MappingTypeForSevice.DomainMapping
 6             };
 7         if (this.props.viewType == ViewType.Edit)
 8             profile = this.assembleProfileDto();
 
 9         else
10             profile.content.id = this.props.mappingId != ‘‘ ? this.props.mappingId : this.id;
11         CommonFunction.exportClick(profile, this.state.mappingName);
12     };

CommonFunction.exportClick定義

 1 export const exportClick = (profile, mappingName) => {
 2     MappingService.Downloadmapping(profile).then(
 
 3         result => {
 4             if (!result)
 5                 throw ("error");
 6             export_raw(mappingName, result)
 7         }
 8     ).catch(e => {
 9         $$.error(`error: ${e}`);
10     });
11 };

後臺返回result是一個字符串，xml為內容

export_raw函數定義(XML形式)

 1 var
 2     export_raw = (name = ‘‘, data) => {
 
 3         let
 4             eleLink = document.createElement(‘a‘);
 5         data = new Blob([data], { type: "text/xml" });
 6         eleLink.style.display = ‘none‘;
 7         eleLink.download = name + ‘.xml‘;
 8         if (window.navigator.msSaveOrOpenBlob) {
 9             var
10                 xml = name + ‘.xml‘;
11             navigator.msSaveOrOpenBlob(data, xml);
12         } else {
13             //let
14             //    dataUrl = "data:;base64," + data;
15             //eleLink.href = dataUrl;
16             eleLink.href = URL.createObjectURL(data);
17             document.body.appendChild(eleLink);
18             eleLink.click();
19             document.body.removeChild(eleLink);
20         };
21     };

EXCEL文件返回

哈哈，意思意思得了，EXCEL文件比較特殊~

export_raw函數定義(EXCEL形式)

 1 export_raw(name = ‘‘, data) {
 2     let
 3         eleLink = document.createElement(‘a‘);
 4     eleLink.style.display = ‘none‘;
 5     eleLink.download = name + ‘.xls‘;
 6     data = "data:;base64," + data;
 7     if (window.navigator.msSaveOrOpenBlob) {
 8         // if browser is IE 
 9         let blob = this.dataURLtoBlob(data);
10         navigator.msSaveOrOpenBlob(blob, name + ‘.xls‘);
11     } else {
12         eleLink.href = data;
13         document.body.appendChild(eleLink);
14         eleLink.click();
15         document.body.removeChild(eleLink);
16     };
17 };

 1     dataURLtoBlob = (dataurl) => {
 2         var
 3             arr = dataurl.split(‘,‘),
 4             mime = arr[0].match(/:(.*?);/)[1],
 5             bstr = atob(arr[1]), n = bstr.length,
 6             u8arr = new Uint8Array(n);
 7         while (n--) {
 8             u8arr[n] = bstr.charCodeAt(n);
 9         }
10         return new Blob([u8arr], { type: mime });
11     };

js 文件下載