ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでファイルダウンロード機能を実装する方法

JavaScriptでファイルダウンロード機能を実装する方法

不言
不言オリジナル
2018-07-14 15:57:407084ブラウズ

この記事では主に JavaScript がファイルのダウンロード機能を実装する方法を紹介します。必要な友達はそれを参照してください

function downFile(content, filename) {    // 创建隐藏的可下载链接
    var eleLink = document.createElement('a');
    eleLink.download = filename;
    eleLink.style.display = 'none';    // 字符内容转变成blob地址
    var blob = new Blob([content]);
    eleLink.href = URL.createObjectURL(blob);    // 触发点击    document.body.appendChild(eleLink);
    eleLink.click();    // 然后移除    document.body.removeChild(eleLink);
};

2。メソッド

// if (typeof(download.iframe) == 'undefined') {
            //     var iframe = document.createElement('iframe');
            //     download.iframe = iframe;
            //     document.body.appendChild(download.iframe);
            // };
            // download.iframe.src = newdownloadUrl;
            // download.iframe.style.display = "none";

3.formメソッド

// var $eleForm = $("<form method=&#39;get&#39;></form>");
            // $eleForm.attr("action", "https://codeload.github.com/douban/douban-client/legacy.zip/master");
            // $eleForm.attr("action", url);
            // $(document.body).append($eleForm);
            // $eleForm.submit();

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP に注目してください。中国語のサイトです!

関連する推奨事項:

vue で要素フォーム検証を使用する方法


JavaScript コンソールを使用して作業プロセスを改善する方法

以上がJavaScriptでファイルダウンロード機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。