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 エラーの解決方法

推薦する

SQL ストアド プロシージャの取得、データ取得、プロセス分析

この記事は主に、SQL のストアド プロシージャから返されたデータを取得するプロセスの分析を紹介しま...

Bツリーの特性の紹介

B ツリーは一般的なデータ構造です。彼と一緒にB+ツリーがあります。ここで、概念を明確にする必要があ...

Vue で SVG アイコンを導入する 2 つの方法

Vue で SVG アイコンを導入する方法Vue で svg アイコンを導入する方法 1インストール...

Vue-router は現在の場所 (/path) へのナビゲーションを許可しません。エラーの原因と修正

目次エラーメッセージ原因エラーのデモンストレーション回避策方法1方法2方法3エラーメッセージ現在の場...

Vueテクノロジーに基づく再帰コンポーネントの実装方法

説明するこの記事では、Vue テクノロジーに基づいて再帰コンポーネントを実装する方法を紹介します。 ...

Element-ui レイアウト (行と列コンポーネント) の実装

目次基本的な手順と使用方法行コンポーネントの分析レンダリング機能ソースコード分析Col成分の分析コン...

Vue での bimface の使用に関する詳細

目次1. Vue スキャフォールディングをインストールする2. プロジェクトを作成する3.1 プロジ...

Idea で Docker を使用して SpringBoot プロジェクトをデプロイする詳細な手順

序文プロジェクト要件: Dockeridea に Docker プラグインをインストールし、Dock...

CentOS での MySQL ワークベンチのインストールと設定のチュートリアル

この記事では、MySQL Workbenchのインストールと設定のチュートリアルを参考までに紹介しま...

Excel ファイルを MySQL データベースにインポートする方法

この記事では、ExcelファイルをMySQLデータベースにインポートする方法を参考までに紹介します。...

CSS3アニメーションを使用した簡単な指クリックアニメーションの実装例

この記事では主に、CSS3 アニメーションで簡単な指クリックアニメーションを実装する例を紹介し、皆さ...

Ubuntu 向け VMware Tools のインストールと構成のチュートリアル

以前、ブロガーは VMware 仮想マシンに Ubuntu システムをインストールしました。まだイン...

IE8でラベルの背景画像が表示されない問題の解決方法

今日、ちょっとした問題に遭遇し、長い間苦労しました。そのことを皆さんにシェアしたいと思います。 a ...

Vueシャトルボックスは上下の動きを実現します

この記事の例では、vueシャトルボックスを上下に動かすための具体的なコードを参考までに共有しています...

Nexus サーバーを設定するための詳細な手順

1. ネクサスサービス構築の意義イントラネットの統合プロキシとして、チームで共同開発する場合、全員が...