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

推薦する

小さなアイコンのフロントエンド処理ソリューションのグラフィカルな説明

序文この記事を始める前に、複数選択の質問をしてみましょう。フロントエンド開発でビルド ツールを使用す...

MySQLのタイムゾーンを表示および設定する方法

1. データベースのタイムゾーンを確認する '%time_zone' のような変数を...

IE6では画像要素imgに余分な空白スペースがある

ページの DIV+CSS レイアウトを行う際、IE6 で画像要素 img の下に余分なスペースができ...

JSネイティブ2列シャトル選択ボックスの実装例

目次いつ使うか構造的ブランチコードいつ使うか選択動作を完了するには、2 つの列間で要素を直感的に移動...

新しい ECMAscript オブジェクト機能の紹介

目次1. オブジェクトのプロパティ1.1 属性表記2. プロパティ名を計算する3.オブジェクトメソッ...

Ubuntu 18でターミナルを美しいコマンドラインプロンプトに変更する方法

VMware と Ubuntu を再インストールしましたが、コマンドラインプロンプトが単調すぎて美し...

コンパイル/サーバーなしでブラウザにCommonJSモジュールを実装する

目次導入1. one-click.jsとは2. パッケージングツールはどのように機能しますか? 3....

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

MySQL 8.0.12のインストールと設定方法を記録してみんなで共有します。 1. インストール1...

CentOS 6.8 での Hadoop 3.1.1 完全分散インストール ガイド (推奨)

上記:このドキュメントは、3 台の仮想マシンが相互に ping を実行できること、ファイアウォールが...

MySQLのワークベンチ例の詳細な説明

MySQL Workbench - モデリングおよび設計ツール1. モデルは、最も効果的で高性能なデ...

Dockerコンテナの紹介

Dockerの概要Docker はオープンソースのソフトウェア展開ソリューションです。 Docker...

MySql 組み込み関数の自習知識ポイントまとめ

文字列関数文字ascii(str)のASCIIコード値をチェックし、strが空の文字列の場合は0を返...

React はモバイル端末を構築するために antd-mobile+postcss を導入しました

antd-mobileをインストールするグローバル輸入 npm をインストール antd-mobil...

JavaScript での HTML キャンバスとページ ストレージ テクノロジの使用に関する詳細な説明

目次1. JavaScriptはHTMLでキャンバスを使用する2. ページストレージ技術1. Jav...

Nginx rtmp モジュールのコンパイル ARM バージョンの問題

目次1. 準備: 2. ソースコードのコンパイル1. 設定する2. コンパイルエラー3. ターゲット...