htmlダウンロード機能の詳しい説明

htmlダウンロード機能の詳しい説明

新しいプロジェクトは基本的に終了しました。フロントエンドとバックエンドを分離して統合を完了したのは初めてだったので、当然ながら多くの落とし穴に遭遇しました。

初日に私が遭遇した落とし穴の一つについてお話ししましょう。

——ダウンロードの問題について。 。 。

以前は、誰もが <a></a> タグを好んで使用していました。最初は、ダウンロード機能をシミュレートするために、a タグも使用し、画像のアドレスに href 属性を配置しました。結局、このいまいましいものをクリックすると、新しい画像が直接開き、ダウンロードを意味するわけではないことがわかりました。

その後、私はある記事を読み、それが私にとって新しい世界への扉を開いてくれました。

ダウンロード属性

<a> タグには href 属性が必要です。ブラウザは正しいファイル拡張子を自動的に検出し、ファイルに追加します (.img、.pdf、.txt、.html など)。

たとえば、次のような例を見てみましょう。

<a href="ccc.jpg" ダウンロード>

ダウンロードしたファイル名をカスタマイズすることもできます。

<a href="ccc.jpg" ダウンロード="wageSoCute .jpg">

しかし実際には、この方法にも大きな限界があります。

W3C が提供するデータによると、その 1 つは互換性です。

この属性の実用性は、今のところ実際平均的であると思われます。

私がまだ遭遇していない別の落とし穴があります。それは、クロスドメインの問題です。遭遇したら更新します。 。

結論から言うと、このダウンロードは良いものですが、サポートがあまり良くないようです。今後どのように発展していくのか気になります。結局のところ、まだ a タグの新しい属性です。待ってみましょう。少なくとも、そのようなものがあることはわかっています。

上記のHTMLダウンロード機能の詳細な説明は、エディターがあなたと共有するすべての内容です。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/w-age666/archive/2016/05/04/5458342.html

<<:  MySQL トランザクション分離レベルの詳細

>>:  HTML+CSS3+JSで実装されたドロップダウンメニュー

推薦する

はじめに: HTML の基本的なタグと属性の簡単な紹介

HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。...

Videojs+swiper が Taobao の商品詳細カルーセルを実現

この記事では、Taobao商品詳細のカルーセルを実現するためのvideojs+swiperの具体的な...

JavaScript のクロージャによって発生する問題を回避する

閉鎖による問題を回避するためのletについてオブジェクト指向の考え方を使用して、購入者情報の削除機能...

繰り返し送信、繰り返し更新、バックオフ防止に関する問題と解決策の分析

1つ。序文<br />この種の質問は、どの専門掲示板でも見かけます。Google で検索...

Macでのファイル権限の表示と設定の詳細な説明

序文Mac システムのターミナルでファイルの権限を変更するには、Linux の chmod コマンド...

MySQL 5.7.23 のインストールと設定方法のグラフィックチュートリアル

この記事では、参考として MySQL 5.7.23 のインストール チュートリアルを記録します。 1...

JavaScript のプロトタイプとプロトタイプチェーンの詳細な説明

目次プロトタイプチェーン図プロトタイピングに必須の知識プロトタイププロパティ(プロトタイプを表示) ...

アダプティブ Web デザインの手法 (モバイル フォンでの優れたアクセス エクスペリエンス)

1. HTML ヘッダーにビューポート タグを追加します。ウェブサイトの HTML ファイルの先頭...

Nginx 正規表現関連のパラメータとルールの紹介

序文最近、私はクライアントのサーバー構成を支援しており、Nginx 構成ファイルを頻繁に変更していま...

Presto をインストールし、Docker で Hive を接続する詳細なプロセス

1. はじめにPresto は、ギガバイトからペタバイトに及ぶデータ ソースに対してインタラクティブ...

77.9K の GitHub リポジトリを持つ Axios プロジェクト: 学ぶ価値のあることは何でしょうか?

目次序文1. Axiosの紹介2. HTTPインターセプターの設計と実装2.1 インターセプターの紹...

MySQLはSQL文を使用してテーブル名を変更します

MySQL では、SQL ステートメント rename table を使用してテーブル名を変更できま...

JavaScriptの無限ループを検出して防止する方法の詳細な説明

目次序文for文の無限ループを修正while文の無限ループを修正要約する序文Js デッド ループはど...

主軸上のFlex子要素の比率を制御する方法

背景フレックス レイアウトにより、配置とスペースの割り当てがより効果的に実現されます。最近、flex...

HTML メタビューポート属性の説明

ビューポートとはモバイル ブラウザは、Web ページを仮想の「ウィンドウ」(ビューポート) に配置し...