a タグをクリックして入力ファイルのアップロードダイアログボックスを表示する方法

a タグをクリックして入力ファイルのアップロードダイアログボックスを表示する方法
html

コードをコピー
コードは次のとおりです。

<SPAN class=tag><<SPAN class=title>div</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>a</SPAN> <SPAN class=attribute>href</SPAN>=<SPAN class=value>"###"</SPAN>></SPAN>画像を追加<SPAN class=tag></<SPAN class=title>a</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>入力</SPAN> <SPAN class=attribute>タイプ</SPAN>=<SPAN class=value>"ファイル"</SPAN> <SPAN class=attribute>名前</SPAN>=<SPAN class=value>"画像"</SPAN> <SPAN class=attribute>クラス</SPAN>=<SPAN class=value>"隠し"</SPAN> <SPAN class=attribute>値</SPAN>=<SPAN class=value>""</SPAN> /></SPAN>
<SPAN class=tag></<SPAN class=title>div</SPAN>></SPAN>

CS

コードをコピー
コードは次のとおりです。

<SPAN class=class>.hidden</SPAN> <SPAN class=rules>{
<SPAN class=rule><SPAN class=attribute>display</SPAN>:<SPAN class=value> none;</SPAN></SPAN>
<SPAN クラス = ルール> </SPAN></SPAN>


コードをコピー
コードは次のとおりです。

jQuery
$('a').on('click', 関数(e) {
e.preventDefault();
$(this).closest('input[type=file]').trigger('click');
})

<<:  Vue でルートをジャンプする方法をご存知ですか?

>>:  CSS のオーバーフロー:hidden エラーの解決方法

推薦する

Zookeeper&Kafka クラスターを構築するための Docker の実装

最近Kafka勉強しています。クラスタの状態をテストする準備をしていたときに、仮想マシンを 3 つ開...

ヘッダーのチェックボックスをテキスト実装コードに変更するための選択テーブルを持つ要素

方法1: テーブル属性を使用する: header-cell-class-name テーブルインターフ...

MYSQL トランザクション チュートリアル Yii2.0 マーチャント引き出し機能

序文私はプログラマーとしてスタートした PHP プログラマーです。これまで、トレーニング コースで勉...

MySQL テーブルをコピーする 3 つの方法 (要約)

テーブル構造とそのデータをコピーする次のステートメントは、データを新しいテーブルにコピーします。注:...

MySQL で準備、実行、割り当て解除ステートメントを使用するチュートリアル

序文MySQLでは、準備、実行、割り当て解除を正式にはPREPARE STATEMENTと呼びます。...

Docker Swarm 外部検証ロードバランシングが機能しない場合の解決策

問題の説明Centos7 をローカルにインストールして 3 つの仮想マシンを作成し、Swarm クラ...

Windows での MySQL 8.0.15 の詳細なインストールと使用のチュートリアル

この記事では、MySQL 8.0.15の詳細なインストールと使用方法のチュートリアルを参考までに紹介...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...

Linux でタスク用のカスタム システム トレイ インジケーターを作成する

システム トレイ アイコンは、今日でも魔法のような機能です。アイコンを右クリックして目的のアクション...

Linux と最もよく使用されるコマンドの紹介 (習得は簡単ですが、問題の 95% 以上を解決できます)

Linux は現在最も広く使用されているサーバー オペレーティング システムです。Unix をベー...

ブラウザでのjsのイベントループイベントキューの詳細な説明

目次序文スタックと2つのキューを理解する実行プロセス簡単な例より難しい例要約する序文以下の内容はブラ...

Dockerコンテナでアプリケーションサービスを自動的に起動する方法の例

コンテナの起動時に Docker コンテナ内のアプリケーション サービスを自動的に起動する場合。 D...

vite2.0 設定学習の詳しい説明(typescript 版)

導入悠宇希の原文です。 vite は Vue CLI に似ています。vite も、基本的なプロジェク...

Linux での nginx のインストール、展開、使用方法の詳細な説明

目次1. ダウンロード2. 展開3. Nginxログ関連の設定4. ファイルダウンローダーとして n...