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

カテゴリー

コメント

dark market 2022 <a href="https://thedarkwebmarket.link/ ">darknet seiten </a>
名前
Hanstulge
darknet search engine <a href="https://tor-darkmarkets-online.shop/ ">dark web markets </a>
名前
JamesHub
deep dark web <a href="https://tordarknetmarket2022.shop/ ">bitcoin dark web </a>
名前
Randytiz
darknet market <a href="https://tordarkwebmarket.link/ ">tor marketplace </a>
名前
Charlescob
darknet market <a href="https://world-markets.link/ ">dark markets 2023 </a>
名前
MichaelRaf
how to access dark web <a href="https://tordarkwebmarket.shop/ ">dark web search engine </a>
名前
Richardvak
darknet markets 2023 <a href="https://tordarknetmarketlist.com/ ">tor darknet </a>
名前
Josephanarm
deep dark web <a href="https://darkwebmarketslist.link/ ">darkmarket link </a>
名前
HaroldHot
darknet marketplace <a href="https://cannahome-onion.com/ ">dark websites </a>
名前
JackieDuart
darknet sites <a href="https://tor-marketplace24.shop/ ">darknet sites </a>
名前
Teddred
deep web drug links <a href="https://tordarknetmarkets2023.link/ ">deep web search </a>
名前
Robertfup
dark web market links <a href="https://tordarkmarketplace.link/ ">drug markets onion </a>
名前
Shanewat
darknet drugs <a href="https://tor-market-darkweb.com/ ">darkmarket 2023 </a>
名前
Wendellpog
darknet drug store <a href="https://torwebmarketplace.link/ ">dark web market </a>
名前
Dannyquord
darknet drug store <a href="https://torwebdarknet.shop/ ">tor markets 2023 </a>
名前
ZacharyBop
onion market <a href="https://thedarkmarketpoint.link/ ">darknet drug links </a>
名前
Tornaddib
dark websites <a href="https://asap-market.shop/ ">dark markets 2023 </a>
名前
Michaelloush
darknet drug store <a href="https://thedarkwebmarkest.shop/ ">darkmarkets </a>
名前
SmittMef
deep web search <a href="https://tor-darkmarket-online.com/ ">darknet markets </a>
名前
JamesStaiz
deep web drug url <a href="https://tor-markets-darkweb.link/ ">dark web sites </a>
名前
Davidjoisp
tor markets 2023 <a href="https://tordarkwebmarketlink.link/ ">darknet websites </a>
名前
Patrickhuple
black internet <a href="https://tordarkwebmarkets2022.link/ ">darkmarket 2023 </a>
名前
JuliusEsobe
dark markets 2022 <a href="https://monopoly-onion.link/ ">dark web sites </a>
名前
BrianFew
darknet seiten <a href="https://torwebdarknet.link/ ">darkmarket url </a>
名前
Randykew
darknet market links <a href="https://tordarkmarketurl.link/ ">darkmarket link </a>
名前
CraigAgeni
dark markets <a href="https://tordarknetmarket24.link/ ">dark market onion </a>
名前
Georgelouse
darkmarket list <a href="https://tor-market-darknet.com/ ">darknet links </a>
名前
Granttromo
how to access dark web <a href="https://cannahome-onion.shop/ ">tor markets 2023 </a>
名前
RichardDek
ivermectin dosage for dogs heartworm prevention <a href="https://stromectollife.com/">pyrantel ivermectin</a> ivermectin for mange dosage
名前
traclers
dark web search engines <a href="https://tor-market-darkweb.shop/ ">dark market 2022 </a>
名前
Danired
tor markets links <a href="https://tor-markets-darknet.shop/ ">darkmarkets </a>
名前
Sirket
darknet websites <a href="https://tormarketwebxx.com/ ">darknet site </a>
名前
DonaldDic
dark web links <a href="https://tordarkmarketweb.shop/ ">dark market </a>
名前
Geraldhopay
darkmarket link <a href="https://privatedarkwebmarket.shop/ ">darknet links </a>
名前
Jancal
darknet market links <a href="https://tor-darkmarket-online.link/ ">darknet drug store </a>
名前
CharlesNuh
tor market <a href="https://onion-dark-market.link/ ">deep web drug store </a>
名前
Matthewgek
tor markets 2022 <a href="https://tordarkwebmarketlinks.shop/ ">blackweb official website </a>
名前
TimmyMeexy
dark market onion <a href="https://blackmarketweb.com/ ">darkweb marketplace </a>
名前
RobertKix
dark markets 2023 <a href="https://tordarkmarketurl.com/ ">darknet sites </a>
名前
Ronaldevica
deep web drug store <a href="https://thetormarket.link/ ">dark web market </a>
名前
Ralphzet
darknet drugs <a href="https://tormarketwebxx.shop/ ">dark market 2022 </a>
名前
JasonGribe
darknet market lists <a href="https://tordarknetmarketlist.shop/ ">dark web access </a>
名前
JamesseM
deep web markets <a href="https://onion-dark-markets.link/ ">bitcoin dark web </a>
名前
Stevejails
tor marketplace <a href="https://asap-onion.shop/ ">dark markets 2023 </a>
名前
Edgarlow
dark web markets <a href="https://tor-markets2023.shop/ ">dark web markets </a>
名前
WilliamNaw
darknet markets <a href="https://tordarkmarketweb.com/ ">darknet seiten </a>
名前
DamonLat
free dark web <a href="https://privatedarkwebmarket.link/ ">dark web search engines </a>
名前
WilliamRip
darknet seiten <a href="https://dark-markets-btc.com/ ">drug markets onion </a>
名前
HectorDer
tor marketplace <a href="https://privatedarknetmarkets.link/ ">darknet links </a>
名前
Davidinodo
deep web markets <a href="https://thedarkmarketpoint.shop/ ">darknet websites </a>
名前
CorryViarD

コメントを追加

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