【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>

カテゴリー

コメント

darkmarket 2022 <a href="https://tormarketlink.com/ ">dark web market </a>
名前
Wendellpog
dark market link <a href="https://kingdomarketdarkweb.link/ ">dark markets 2022 </a>
名前
Johnnyshela
onion market <a href="https://kingdomarketdarknet.link/ ">deep web drug url </a>
名前
MalcolmMom
dark web markets <a href="https://drugmarketsweb.com/ ">dark web market list </a>
名前
TimExcer
dark market url <a href="https://webdrugurl.com/ ">dark market </a>
名前
DamonLat
deep web markets <a href="https://drugsmarketdarkweb.com/ ">dark markets 2022 </a>
名前
DannyJes
darkmarket link <a href="https://drugmarketsonions.com/ ">darknet site </a>
名前
Crisscunc
dark web link <a href="https://mydarknet.store/ ">darkweb marketplace </a>
名前
BernardGed
dark market url <a href="https://darknet-market.store/ ">dark web drug marketplace </a>
名前
Jamesclews
darknet marketplace <a href="https://tormarketlinks.com/ ">bitcoin dark web </a>
名前
RichardGeato
darkmarket 2022 <a href="https://tormarkets2022.com/ ">deep web markets </a>
名前
Danielred
dark web market <a href="https://tormarketurl.com/ ">tor darknet </a>
名前
Davidjoisp
dark market <a href="https://torsmarket.com/ ">darknet site </a>
名前
Ronaldevica
darkmarket url <a href="https://torrmarket.com/ ">darkmarkets </a>
名前
Normanmex
dark market url <a href="https://tormarketslink.com/ ">dark market link </a>
名前
ThomasAbume
tor dark web <a href="https://darkodemarketdarknet.link/ ">dark web market links </a>
名前
AnthonyRoaro
darknet drug store <a href="https://monopoly-darkmarket.link/ ">tor markets links </a>
名前
MarioBig
deep web drug links <a href="https://world-market-darknet.link/ ">darkmarket 2022 </a>
名前
Charleswam
darkmarket link <a href="https://darknetmarketlist.link/ ">dark market </a>
名前
PhillipTruff
darknet site <a href="https://asapmarketdarknet.link/ ">darknet market list </a>
名前
Walterlab
deep web drug links <a href="https://monopolymarketdarkweb.link/ ">bitcoin dark web </a>
名前
VictorTek
dark market <a href="https://visit-darkode-market.link/ ">dark market onion </a>
名前
Charlescob
dark markets 2022 <a href="https://topmarketslinks.com/ ">dark web market </a>
名前
Hanstulge
dark web market list <a href="https://darknetmarket.store/ ">darknet market lists </a>
名前
Stevejails
dark web drug marketplace <a href="https://drugmarketsdarkwebs.com/ ">darknet drug store </a>
名前
Lyciweigh
onion market <a href="https://topmarketlinks.com/ ">deep web drug url </a>
名前
SmittMef
darknet websites <a href="https://vversusmarket.link/ ">darkmarket 2022 </a>
名前
Robertfup
dark web sites <a href="https://darkode-reborn.link/ ">deep dark web </a>
名前
Richardvak
darknet site <a href="https://asapmarket-online.link/ ">onion market </a>
名前
JasonGribe
darkweb marketplace <a href="https://asapmarket-onion.link/ ">drug markets onion </a>
名前
Michaeltus
darknet market links <a href="https://drugmarketsdark.com/ ">dark web market list </a>
名前
WilliamRip
darknet marketplace <a href="https://drugmarketsdarkweb.com/ ">deep web drug url </a>
名前
SamuelPuche
deep web drug markets <a href="https://webdruglinks.com/ ">darknet market links </a>
名前
Andrewnorse
tor marketplace <a href="https://webmarketlinks.com/ ">darknet market links </a>
名前
Geraldhopay
darkmarkets <a href="https://tormarketslinks.com/ ">darknet websites </a>
名前
RaymondRoxia
dark web drug marketplace <a href="https://tormarkets22.com/ ">onion market </a>
名前
Justinrum
darknet market lists <a href="https://darknetdrug.store/ ">onion market </a>
名前
MichaelRaf
darkmarket 2022 <a href="https://heinekenexpresdarkweb.link/ ">onion market </a>
名前
AlbertKex
dark web sites links <a href="https://monopoly-darknet.link/ ">darkmarket </a>
名前
DavidDes
darknet drug links <a href="https://tormarketlist.com/ ">tor market </a>
名前
DanielWibia
dark websites <a href="https://asapmarketdarkweb.link/ ">onion market </a>
名前
RobertPex
darknet site <a href="https://heinekenexpredark.link/ ">tor dark web </a>
名前
Charleszopay
tor market <a href="https://asapmarket-darkweb.link/ ">darkmarket 2022 </a>
名前
DonaldDic
dark web link <a href="https://heinekenexpresdarknet.link/ ">deep web drug links </a>
名前
Julianacecy
darknet sites <a href="https://darkwebmarketlist.store/ ">darknet market list </a>
名前
Brandendet
dark market onion <a href="https://versus-market-onion.link/ ">dark web market list </a>
名前
BrandonWaype
dark market url <a href="https://darkodemarketdarkweb.link/ ">bitcoin dark web </a>
名前
Milescooca
darknet marketplace <a href="https://webdarklink.com/ ">dark market </a>
名前
Coreyrah
darknet market links <a href="https://world-market-darkweb.link/ ">dark web markets </a>
名前
Dannyquord
darknet market list <a href="https://worldmarketdarknet.link/ ">dark markets 2022 </a>
名前
Randykew

コメントを追加

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