ホームページ >ウェブフロントエンド >jsチュートリアル >画像のダウンロードに使用される JavaScript スクリプト
今回は、画像をダウンロードするための JavaScript スクリプトについて説明します。画像をダウンロードするための JavaScript スクリプトを使用する際の注意点について、実際の事例を見てみましょう。
機能の説明:
写真 Web サイトを閲覧しているときによく問題が発生します。つまり、写真をローカル コンピューターにコピーするとき、名前を付けて保存、名前を付けて保存、名前を付けて保存することがよくあります。おっと、それはちょっと面倒ですね。したがって、このスクリプトの機能は、写真 Web サイトにアクセスしているときにすべての写真をポップアップ表示し、ダウンロードしたい写真をクリックするだけです。もちろん、ブラウザのプラグインを直接使用することも良い選択です。
--コードはこれ以上に単純なので、詳しくは説明しません。
-- スクリプトをお気に入りに保存し、使用したいときにクリックするだけです。
--おそらく、古いバージョンのブラウザはクリックしてダウンロードをサポートしていません
javascript:( function(){ var ALLA= $("html").find("img"); var code=""; for(var aa=0;aa<ALLA.length ;aa++){ code=code+"<a href='"+$(ALLA[aa]).attr("src")+"' download >"+"<img src='"+$(ALLA[aa]).attr("src")+"'/></a>";; }; if (code!=''){ var newwin=window.open('','',''); newwin.opener = null ; newwin.document.write(code); newwin.document.close(); }; } )()[コード] 画像がポップアップできない場合は、Web ページに JQuery が追加されていない可能性があります (これは追加の例です) JQuery コード)
javascript:(function(){ try { $("body").html(); alert("jq%E5%B7%B2%E7%BB%8F%E5%BC%95%E5%85%A5"); } catch (e) { new_element=document.createElement("script"); new_element.setAttribute("type","text/javascript"); new_element.setAttribute("src","http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"); document.body.appendChild(new_element); } })()この記事の事例を読んだことがあるはずです。この方法をマスターしたはずです。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連読書:
JSはビデオのタグ付きビデオサムネイルをキャプチャできますか?
以上が画像のダウンロードに使用される JavaScript スクリプトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。