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で実装されたドロップダウンメニュー

推薦する

JavaScript でオブジェクトをエレガントに扱う 6 つの方法

目次序文1. オブジェクト.freeze() 2. オブジェクト.seal() 3. オブジェクト....

Centos7 で MySQL マスター スレーブ サーバーを構築する方法 (グラフィック チュートリアル)

この記事では主に CentOS 上で MySQL マスタースレーブサーバーを構築する方法を紹介します...

ウェブ上の模倣と盗作に関する議論

2005年に業界に入ってから数か月後、労働者の日休みの期間中、1か月以上毎日12時まで残業をしました...

Linux CentOS 6.5 ifconfig が IP を照会できない問題の解決方法

最近、何人かの友人から、仮想マシンに CentOS をインストールした後、ifconfig コマンド...

Amap を使用した React 実装例 (react-amap)

React の PC 版は Amap を使用するようにリファクタリングされました。情報を検索したと...

Celery と Docker を使用して Django で定期的なタスクを処理する方法

Django アプリケーションを構築して拡張していくと、必然的に特定のタスクをバックグラウンドで自動...

チェックボックスとラジオボタンの配置を実装する方法

ブラウザによって動作が異なるだけでなく、フォントやテキスト サイズによっても動作が異なります。フォー...

mysql5.6 の無効な utf8 設定の問題を解決する

mysql5.6 のグリーン バージョンを解凍すると、my-default.ini ファイルが作成さ...

画像をハイパーリンクとして使用したときに表示される青いボックスを削除する方法

最近、Dreamweaver を使用して製品プレゼンテーションを作成し、画像にハイパーリンクを追加し...

Windows Server 2019 で NAS を構成する方法

序文このチュートリアルでは最新バージョンをインストールします。 NAS は非常に安定して動作するので...

Vueはシンプルな虫眼鏡効果を実装します

この記事では、参考までに、簡単な虫眼鏡効果を実現するためのVueの具体的なコードを紹介します。具体的...

イメージのパッケージ化とワンクリック展開を実現するためにDockerを組み合わせたアイデア

1. サーバーにDockerをインストールする yumでdockerをインストール設定ファイルを変更...

MySQL インデックスのパフォーマンス最適化の問題に対する解決策

MySQL によって作成される最適化はインデックスを追加することですが、インデックスを追加しても目的...

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

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

ESXI の仮想マシンにワークステーションをインストールするときに発生するネットワーク障害の解決策

問題の説明ESXI で Windows にワークステーションをインストールした後、内部の仮想マシンは...