一般的な方法遠位ダウンロードファイル(互換IE)

インターネットの前に非常に実用的なファイル、個人的な感触をダウンロードするフロントエンド一般的な方法を記述するためにブロガーを見て、そう簡単にアクセスするための将来についてマーク

ソーステキストのアドレス(ソーステキストだけでなく、アップロード/ダウンロードには、ファイル方式をエクセル)

方法ブロガーの前に一瞬ので、完璧なIEブラウザと互換性があるように必要なプロジェクト、そのため

  • IEブラウザ:Microsoft自身msSaveBlobメソッドを使用して、ダウンロードがIEをサポートしていないラベル属性
  • Googleのブラウザ(Googleがテストのみ):マウスクリックイベントをシミュレートするために、ダウンロードのプロパティを追加し、タグを作成

  

 

// ここでブロブが返されres.data 
        VARのブロブ= 新しい新しいブロブ([res.data.fileData]、{タイプ: 'ファイルアプリケーション/ JSON;のcharset = UTF-8'}); // ファイルアプリケーション/ vnd.openxmlformats- officedocument.wordprocessingml.documentここドキュメントタイプの意味
        VARのhref = window.URL.createObjectURL(BLOB)を; // ダウンロードリンクを作成する
        IF (window.navigator.msSaveBlob){
           試み{ 
            window.navigator.msSaveBlob(BLOB、「model.json " 
          } キャッチ(E){ 
            はconsole.log(E); 
          } 
        } {
           // タグの属性を作成するには、Googleのブラウザは、ダウンロードのダウンロードを追加しました
          VAR downloadElement =のdocument.createElement( 'A' ); 
          downloadElement.hrefは = のhrefを、
          downloadElement.targetは = '_blank' ; 
          downloadElement.download = 'model.json'; // ファイル名をダウンロードした後
          document.body.appendChild(downloadElementを) ; 
          downloadElement.click(); // ダウンロード 
          document.body.removeChild(downloadElementを); // 要素の完全な除去ダウンロード 
          window.URL.revokeObjectURL(HREFを); // ブロブ解放 
        }

 

おすすめ

転載: www.cnblogs.com/mmzuo-798/p/11200141.html