ホームページ  >  記事  >  ウェブフロントエンド  >  jsコードを介してファイルをローカルにダウンロードするにはどうすればよいですか? (例)

jsコードを介してファイルをローカルにダウンロードするにはどうすればよいですか? (例)

藏色散人
藏色散人オリジナル
2018-08-14 16:15:0514065ブラウズ

ファイルをダウンロードするにはさまざまな方法があります。この記事では、js を使用してファイルをローカルにダウンロードする簡単な操作をいくつか紹介します。困っている友達の助けになれば幸いです。通常のダウンロード方法、たとえば、ファイルをダウンロードするアドレスは次のとおりです: http://127.0.0.1/demo.rar.

js ローカル ダウンロード ファイル固有のコード例は次のとおりです:

1. このメソッドは次のとおりです。 Firefox では効果がありませんが、IE ブラウザでは可能です

window.open("htpp://127.0.0.1/demo.rar");

2. このメソッドは、Firefox の一部のバージョンではサポートされていません

window.location.href="htpp://127.0.0.1/test.rar";

3. Firefox の一部のバージョンがサポートされていない問題を解決するには、それを変更できますこのメソッドへ

window.location="htpp://127.0.0.1/demo.rar";

jsコードを介してファイルをローカルにダウンロードするにはどうすればよいですか? (例)

4. このメソッドは、IE と Firefox で使用できます。 URL は、ダウンロードするファイルのパスを表します。

htpp://127.0.0.1/demo.rarfunction downloadFile(url) {   
   try{ 
        var elemIF = document.createElement("iframe");   
        elemIF.src = url;   
        elemIF.style.display = "none";   
        document.body.appendChild(elemIF);   
    }catch(e){ 
        zzrw.alert("下载异常!");
    }     
}

5. URL は、フォーム モードでファイルを直接ダウンロードします。ダウンロードするファイル:

htpp://127.0.0.1/demo.rarfunction downloadFile(url){
    var form=$("<form>");
    form.attr("style","display:none");
    form.attr("target","");
    form.attr("method","get"); 
    form.attr("action",url);
    $("body").append(form);
    form.submit();//表单提交}

注:

var form=$(""); フォームを定義し、フォームを通じてリクエストを送信します

orm.attr(); を表示しないように設定します。

form.attr(); リクエストのタイプを設定します


form.attr(); リクエストのパスを設定します

$("body").append(form); .submit(); フォームを送信します

以上がjsコードを介してファイルをローカルにダウンロードするにはどうすればよいですか? (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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