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

推薦する

LinuxにMySQLをインストールし、外部ネットワークアクセスを構成する例

設定手順1. DNSが設定されているかどうかを確認するDNSが設定されていない場合は、前の記事を参照...

Vue3+スクリプト設定+ts+Vite+Volarプロジェクト

目次Viteを使用してvue + tsプロジェクトを作成するVue 3の3つの構文オプションAPIコ...

Nginx の負荷分散構成、ダウンタイム発生時の自動切り替えモード

厳密に言えば、nginx には負荷分散バックエンド ノードのヘルス チェック機能はありませんが、デフ...

MySQLデータベースに画像を保存するいくつかの方法

通常、ユーザーがアップロードした写真はデータベースに保存する必要があります。一般的に、解決策は 2 ...

Docker Enterprise Edition を使用して独自のプライベート レジストリ サーバーを構築する

Docker は本当に素晴らしいです。特に、仮想マシンを使用する場合に比べて、Docker イメージ...

CentOS に Redis と MySQL をインストールする

1|0MySQL(MariaDB) 1|11. 説明MariaDB データベース管理システムは My...

Windows での MySQL インストール チュートリアル (画像とテキスト付き)

MySQL インストール手順 MySQL は、スウェーデンの MySQL AB によって開発された...

写真とテキストによる MySQL 8.0.21 インストール チュートリアル

1. ダウンロードリンクをダウンロードするダウンロードをクリックします。Oracle アカウントにロ...

Vue.jsでタブ切り替えと色変更操作を実装する解説

この機能を実装するにあたり、本家ブロガーさんから拝借した方法では色の切り替えが実現できず、長い間考え...

HTML テーブル マークアップ チュートリアル (10): セル パディング属性 CELLPADDING

セルのパディングは、セルの内容と境界線の間の距離です。基本的な構文<TABLE セルパディング...

MySQLはbinlogを通じてデータを復元する

目次MySQL ログファイルバイナリログBinlogログがオンになっていますログ記録を有効にする方法...

Linux での NTP サーバー設定の詳細な手順

目次1. 環境設定1.NTPサーバー2. ビジネスサーバー2. NTPサーバーの設定1. chron...

MySQL カーディナリティ統計の簡単な分析

1. カーディナリティとは何ですか?カーディナリティとは、MySQL テーブルの列内の異なる値の数を...

ウェブデザインにおけるテキスト入力ボックスのパラメータの説明

<br />一般的なゲストブック、フォーラムなどでは、テキスト入力ボックスが使われていま...

Flexレイアウトとスケーリング計算についての簡単な説明

1. Flexレイアウトの紹介Flex は Flexible Box の略で、「柔軟なレイアウト」を...