【JavaScript】IEの場合のdownload属性の代替

【JavaScript】IEの場合のdownload属性の代替

IEの場合、aタグのdownload属性が効かず、ファイルのダウンロードできなかったため、その代替案についての覚え書きです(Drupalネタではないです)。

download属性

Excelファイルをダウンロードできるように、以下のようなリンクを作成し、ファイルがダウンロードできることを確認していたのですが、


<a download="Test.xlsx" href="/download/Test.xlsx">Test.xlsx</a>

IEの場合、これではダウンロードできないとのことで、その対応結果を以下に記します。

JavaScriptでの対応

ググったところ、JavaScriptで画像をダウンロードしたいの記事によると、JavaScriptを使えば、IEでもリンクからファイルのダウンロードができるとのこと。

上記の記事を参考にして、以下のJavaScriptを記述。


function downloadFile(uri,fileName,id) {

    // IEはdownload属性が効かないので分岐
    if (window.navigator.msSaveOrOpenBlob) {
        let xhr = new XMLHttpRequest();
        xhr.open('GET', uri);
        xhr.responseType = 'blob';
        xhr.onloadend = function() {
            if (xhr.status !== 200) {
                return false;
            }
            window.navigator.msSaveOrOpenBlob(xhr.response, fileName);
        };
        xhr.send();
    } else {
        let link = document.getElementById(id);
        link.href = uri;
        link.download = fileName;
    }
}


HTMLは、以下のように記述を変更し、IEでもファイルをダウンロードできるようになりました。


<a id="download1" href="javascript:void(0);" onclick="downloadFile('/download/Test.xlsx','Test.xlsx','download1');">Test.xlsx</a>

カテゴリー

コメント

drug markets onion <a href="https://world-market-darknet.link/ ">deep web markets </a>
名前
Charleswam
darknet market lists <a href="https://topmarketlinks.com/ ">darknet market </a>
名前
SmittMef
dark web sites <a href="https://visit-darkode-market.link/ ">dark market url </a>
名前
Charlescob
darkmarket link <a href="https://monopolymarketdarkweb.link/ ">dark websites </a>
名前
VictorTek
dark markets 2022 <a href="https://vversusmarket.link/ ">darknet markets </a>
名前
Robertfup
darknet markets <a href="https://darkode-reborn.link/ ">deep web drug links </a>
名前
Richardvak
dark market list <a href="https://webmarketlinks.com/ ">dark market 2022 </a>
名前
Geraldhopay
darknet sites <a href="https://webdruglinks.com/ ">darknet sites </a>
名前
Andrewnorse
darkmarkets <a href="https://tormarketslinks.com/ ">deep web drug links </a>
名前
RaymondRoxia
darknet markets <a href="https://heinekenexpresdarkweb.link/ ">tor market url </a>
名前
AlbertKex
darknet drug market <a href="https://tormarkets22.com/ ">tor market url </a>
名前
Justinrum
dark market url <a href="https://drugmarketsdark.com/ ">darkmarket link </a>
名前
WilliamRip
darkmarket url <a href="https://drugmarketsdarkweb.com/ ">drug markets dark web </a>
名前
SamuelPuche
dark market 2022 <a href="https://asapmarket-online.link/ ">darknet drug market </a>
名前
JasonGribe
bitcoin dark web <a href="https://asapmarket-onion.link/ ">darknet drug links </a>
名前
Michaeltus
tor dark web <a href="https://monopoly-darknet.link/ ">drug markets dark web </a>
名前
DavidDes
darknet market links <a href="https://heinekenexpredark.link/ ">onion market </a>
名前
Charleszopay
drug markets dark web <a href="https://asapmarketdarkweb.link/ ">dark websites </a>
名前
RobertPex
darknet market links <a href="https://tormarketlist.com/ ">dark web market list </a>
名前
DanielWibia
dark market onion <a href="https://asapmarket-darkweb.link/ ">darknet market list </a>
名前
DonaldDic
darknet market lists <a href="https://heinekenexpresdarknet.link/ ">onion market </a>
名前
Julianacecy
deep dark web <a href="https://darkwebmarketlist.store/ ">dark market list </a>
名前
Brandendet
darknet marketplace <a href="https://darkodemarketdarkweb.link/ ">onion market </a>
名前
Milescooca
dark web links <a href="https://versus-market-onion.link/ ">dark market list </a>
名前
BrandonWaype
tor markets <a href="https://webdarklink.com/ ">darknet sites </a>
名前
Coreyrah
darknet market <a href="https://world-market-darkweb.link/ ">darkweb marketplace </a>
名前
Dannyquord
tor market <a href="https://monopoly-darkweb.link/ ">tor markets 2022 </a>
名前
TimmyMeexy
dark web sites <a href="https://worldmarketdarknet.link/ ">deep web markets </a>
名前
Randykew
dark market <a href="https://torshopurl.com/ ">deep web drug links </a>
名前
Shanewat
onion market <a href="https://tor-dark.com/ ">darknet sites </a>
名前
Ralphzet
deep web drug url <a href="https://drugmarketonions.com/ ">deep web drug links </a>
名前
Davidinodo
dark websites <a href="https://drugmarketsonion.com/ ">tor markets </a>
名前
Jancal
tor markets links <a href="https://tormarket2022.com/ ">darknet drug store </a>
名前
RonaldSaf
deep web drug store <a href="https://tormarketinfo.com/ ">darkmarket link </a>
名前
Granttromo
darknet market links <a href="https://tormarket24.com/ ">onion market </a>
名前
JamesHub
dark web market links <a href="https://marketplacetor.com/ ">tor markets </a>
名前
PeterHon
onion market <a href="https://marketonion.com/ ">darknet marketplace </a>
名前
FrankCocky
dark websites <a href="https://worldmarketdarkweb.link/ ">dark web sites links </a>
名前
ZacharyBop
darknet markets <a href="https://cannahomemarketdarknet.link/ ">dark market list </a>
名前
Randytiz
darkmarkets <a href="https://drugsmarketsonion.com/ ">dark web sites links </a>
名前
Hellyzes
dark market list <a href="https://versusmarketdarkweb.link/ ">darknet markets </a>
名前
JamesseM
darknet drug store <a href="https://drugsmarketsdarkweb.com/ ">darkmarket </a>
名前
ADElugh
dark web links <a href="https://torsmarketplace.com/ ">darknet marketplace </a>
名前
CraigAgeni
darknet site <a href="https://monopoly-marketpolace.link/ ">deep web drug url </a>
名前
JuliusEsobe
dark web sites <a href="https://tormarkets2021.com/ ">darkmarkets </a>
名前
WilliamOrela
darknet drug store <a href="https://monopolymarketdarknet.link/ ">dark market onion </a>
名前
Patrickhuple
dark web markets <a href="https://tor-markets2022.com/ ">deep web drug links </a>
名前
Tommyspard
dark web sites <a href="https://tor-marketplace.com/ ">tor darknet </a>
名前
Jessiehot
best darknet markets <a href="https://drugmarketonion.com/ ">darkmarket list </a>
名前
Hillket
onion market <a href="https://darknet-markets.store/ ">tor market </a>
名前
Michaelloush

コメントを追加

CAPTCHA
この質問はあなたが人間の訪問者であるかどうかをテストし、自動化されたスパム送信を防ぐためのものです。
画像CAPTCHA
画像内に表示されている文字列を入力してください。