jquery.form.js が IE でアクセスを拒否し、入力アップロード ボタンをアクティブにクリックする必要がある問題

jquery.form.js が IE でアクセスを拒否し、入力アップロード ボタンをアクティブにクリックする必要がある問題

まずはコードを見てみましょう

<フォーム id="uploadFileForm2" name="uploadFileForm2" enctype="multipart/form-data" method="post">
    <div class="upload-wapper mt20">
        <input type="file" name="excelfile" id="dataFile" class="dataFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
        <a href="javascript:;" id="uploadFile" class="upload-file">ファイルをアップロード</a>
        <div id="J_progress_label"></div>
    </div>
</フォーム>

// 保存 import $("#uploadFile").click(function(){
    $("#dataFile").クリック()
})

IEでjquery.form.jsを使用してアップロードすると突然アクセスが拒否されます。jqのシミュレートされたクリックイベントが使用されます。 IE では、ファイル コントロールの参照ボタンをクリックしない限り、ファイルをアップロードする権限がないことがわかりました。その場合は、フォームの形式で送信する必要があり、enctype 属性を含める必要があります。つまり、js を使用してファイル コントロールの値を制御し、ファイルをアップロードすることはできません。

ファイルが醜いと思われる場合は、CSS スタイルを使用してファイルを非表示にし、ボタンを透明に設定してファイルを覆うことができます。 div を使用して<input type=”file”>タグを囲むことでもこの問題を解決できます。同時に、CSS スタイルの設定にも注意してください。 <input type=”file”>タグのボタンの位置は、Google と IE8 で異なることに注意してください。

要約する

IE での jquery.form.js アクセス拒否問題についてはこれで終わりです。入力アップロード ボタンをアクティブにクリックする必要があります。IE での jquery.form.js アクセス拒否問題の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

<<:  HTML フォーム送信アクションと URL ジャンプアクションの違い

>>:  Vue のフィルターの適用シナリオの詳細な説明

推薦する

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

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

MySQL データベースのマスター スレーブ分離のサンプル コード

導入MySQL データベースの読み取りと書き込みの分離を設定すると、データベースに対する書き込み操作...

MySQL NULLデータ変換方法(必読)

MySQL を使用してデータベースをクエリし、左結合を実行すると、関連付けられたフィールドの一部に...

Windows で Graphviz をインストールして開始する方法のチュートリアル

ダウンロードとインストール環境変数の設定インストール環境変数の設定確認基本的な描画の紹介グラフディグ...

MySQL/MariaDB でピボット テーブルを実装する方法のサンプル コード

前回の記事では、Oracle でピボット テーブルを実装するいくつかの方法を紹介しました。今日は、同...

W3C標準に準拠したHTML標準で注意すべき点を詳細に解説

XML/HTML コードコンテンツをクリップボードにコピー<!DOCTYPE html PUB...

js Promise同時制御メソッド

目次質問背景アイデアと実装質問次のように、同時実行 Promise の数を制御するメソッドを記述する...

k8sとDockerの関係についての簡単な説明

最近、プロジェクトでは kubernetes (以下、k8s と表記、k と s の間には 8 つの...

両端揃えレイアウトを実現する CSS 列のサンプルコード

1. 堂々巡りいろいろ試行錯誤した結果、均等割り付けレイアウトを実現する最も簡単な方法は CSS ...

優れたHTML印刷コードがページめくりをサポート

ylbtech_html_print HTML 印刷コード、ページめくりをサポートコードをコピーコー...

MySQL 5.7 および 8.0 データベースのルート パスワードを忘れた場合の解決策

注: MySQL5.7 で root パスワードをクラックするには、パスワード認証をスキップしてデー...

異なるブラウザ間で互換性のあるテキスト配置を実現する CSS

フォームのフロントエンド レイアウトでは、テキスト ボックスのプロンプト テキストを両端に揃える必要...

MySQLでデータベースのインストールパスを表示する方法

mysql コマンドを使用して、mysql のインストール パスを表示できます。 # 次の 2 つの...

Dockerのインストール方法とDockerの4つのネットワークモードの詳細説明

1. Dockerをインストールするyum -y install docker-ioインストールが完...