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

カテゴリー

コメント

Cocorico Market url <a href="https://alphabay-darkweb.com/ ">darknet market list reddit </a> [url=https://alphabay-darkweb.net/ ]cannazon market url [/url]
名前
Brandendet
dark web link <a href="https://monopoly-darkmarket.link/ ">dark market 2022 </a>
名前
Josephanarm
dark web sites <a href="https://darkodemarketdarknet.link/ ">dark market onion </a>
名前
Julianacecy
deep dark web <a href="https://vversusmarket.link/ ">darknet market list </a>
名前
Geraldhopay
dark web link <a href="https://heinekenexpresdarkweb.link/ ">best darknet markets </a>
名前
Shanewat
dark market list <a href="https://monopoly-marketpolace.link/ ">dark markets 2022 </a>
名前
JamesseM
darknet markets <a href="https://asapmarketdarknet.link/ ">darkmarket 2022 </a>
名前
Robertfup
dark web market list <a href="https://alphabaydarkmarket.net/ ">drug markets dark web </a> [url=https://alphabaydarkmarket.com/ ]current darknet markets [/url]
名前
RobertKix
tor markets 2022 <a href="https://versusmarketdarknet.link/ ">dark web sites </a>
名前
DamonLat
darkmarkets <a href="https://darkwebmarkets.online/ ">darkmarket </a>
名前
Matthewgek
tor markets <a href="https://darkmarketwww.online/ ">drug markets onion </a>
名前
HaroldHot
dark web link <a href="https://drugmarketsdark.com/ ">dark web sites </a>
名前
Davidinodo
best darknet markets <a href="https://tormarket24.com/ ">deep web drug markets </a>
名前
JamesStaiz
drug markets onion <a href="https://alphabay-darkmarket.net/ ">darkfox market url </a> [url=https://alphabay-darknet.com/ ]deep web drug markets [/url]
名前
Stevejails
dark web link <a href="https://darknetmarketplace.online/ ">dark websites </a>
名前
BrianFew
tor market <a href="https://drugmarketsonline.com/ ">dark web sites links </a>
名前
Jancal
darkmarket link <a href="https://tormarketurl.com/ ">tor market url </a>
名前
WilliamOrela
deep web markets <a href="https://topmarketlinks.com/ ">drug markets onion </a>
名前
ADElugh
dark market link <a href="https://webdrugurl.com/ ">dark web drug marketplace </a>
名前
Davidjoisp
dark markets <a href="https://drugsmarketdarkweb.com/ ">dark websites </a>
名前
Crisscunc
deep web markets <a href="https://tormarkets22.com/ ">deep web drug url </a>
名前
Granttromo
deep web drug store <a href="https://monopolymarketdarknet.link/ ">deep web drug links </a>
名前
Georgelouse
darkmarket url <a href="https://canna-home.link/ ">darknet drug links </a>
名前
CraigAgeni
deep web drug url <a href="https://darknetonline.link/ ">dark web markets </a>
名前
TimmyMeexy
tor market url <a href="https://darknet-market.store/ ">dark markets 2022 </a>
名前
JasonGribe
darkmarket url <a href="https://darkwebmarketlist.store/ ">tor markets 2022 </a>
名前
DonaldDic
dark websites <a href="https://tormarkets2021.com/ ">darkmarket list </a>
名前
JamesHub
darknet sites <a href="https://webdarklink.com/ ">dark web links </a>
名前
Sirket
darkmarket <a href="https://asapmarket-darkweb.link/ ">tor markets </a>
名前
BrandonWaype
tor2door darknet market <a href="https://alpha-bay.net/ ">how to get on darknet market </a> [url=https://alpha-bay.net/ ]how to access the darknet market [/url]
名前
MichaelRaf
dark web drug marketplace <a href="https://tordarkweb.com/ ">darknet site </a>
名前
Hanstulge
darkmarket url <a href="https://darknetmarketlist.link/ ">bitcoin dark web </a>
名前
DavidDes
tor dark web <a href="https://cannahomemarketdarkweb.link/ ">darkmarket list </a>
名前
Ronaldevica
darknet market <a href="https://toremarketplace.com/ ">darknet websites </a>
名前
Ralphzet
bitcoin dark web <a href="https://darkmarketstore.link/ ">onion market </a>
名前
Michaeltus
darknet drug links <a href="https://alphabaydarknet.link/ ">darknet market list 2022 </a> [url=https://alphabaydarknet.link/ ]Cocorico Market url [/url]
名前
JackieDuart
darknet market search engine <a href="https://alphabaydarkweb.net/ ">cannahome market </a> [url=https://alphabaylink.link/ ]Cocorico Market url [/url]
名前
RichardDek
onion market <a href="https://asapmarket-online.link/ ">onion market </a>
名前
Charlescob
dark market link <a href="https://kingdomarketdarkweb.link/ ">darknet drug links </a>
名前
Richardvak
darknet marketplace <a href="https://heinekenexpresdarknet.link/ ">darknet drug market </a>
名前
WilliamNaw
dark web sites <a href="https://drugmarketonions.com/ ">dark web sites </a>
名前
Hillket
darknet market lists <a href="https://darknet-marketplace.link/ ">darknet market lists </a>
名前
JuliusEsobe
tor marketplace <a href="https://drugsmarketsonion.com/ ">dark market link </a>
名前
CorryViarD
darknet websites <a href="https://drugmarketsdarkwebs.com/ ">dark market url </a>
名前
WilliamRip
darkmarket link <a href="https://alphabay-drugs.net/ ">what is the darknet market </a> [url=https://alphabay-drugs.com/ ]Kingdom url [/url]
名前
Michaelloush
deep dark web <a href="https://tormarketur.com/ ">dark web drug marketplace </a>
名前
Wendellpog
deep web drug markets <a href="https://torrmarket.com/ ">darknet drug store </a>
名前
Danielred
tor markets links <a href="https://world-market-darkweb.link/ ">darkmarket list </a>
名前
Patrickhuple
dark market url <a href="https://drugsmarketsdarkweb.com/ ">deep web markets </a>
名前
Tornaddib
darkmarket <a href="https://tor-marketplace.com/ ">dark markets 2022 </a>
名前
SmittMef

コメントを追加

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