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 のフィルターの適用シナリオの詳細な説明

推薦する

CSS3 で複数のカスタムフォントを導入する

今日、HTML に問題を発見しました。多くのデフォルト フォントが提供されていますが、「Bold」、...

DockerでGit環境を構築して構成するプロセス

DockerでGit環境を構成する仕事上、Docker 環境で GitLab リポジトリを操作する必...

Dockerfile の一般的なコマンドの概要

構文の構成: 1 注釈情報2 コマンド --- パラメータ [通常は大文字 | 実際には大文字と小文...

要素テーブルテーブルコンポーネントの複数フィールド(複数列)ソート方法

目次必要:発生した問題:解決する:必要:要素テーブル内の複数の列を並べ替えるには、日付の並べ替えをク...

nginx 設定ファイルで環境変数を使用する方法

序文Nginx はパフォーマンスを重視して設計された HTTP サーバーです。Apache や li...

MySQLのインストール時に発生する可能性のある問題

質問1:インストール中に net start mysql と入力すると、次のエラー メッセージが表示...

MySQL における in と exists の違いの詳細な説明

1. 事前に準備する便宜上、ここで 2 つのテーブルを作成し、そこにいくつかのデータを追加します。果...

CSSアニメーションに基づくSVGボタンのサンプルコード

具体的なコードは次のとおりです。 <a href="#"> <...

Alibaba Cloud ホストが IP を使用して Web サイトにアクセスできない問題の解決策 (セキュリティ グループ ルールを構成することで解決)

Alibaba Cloud ホストを購入したばかりで、その速度を試すのが待ちきれませんでした。しか...

ブラウザをJavaScriptで対話させる方法

目次1. 最も単純な例2. 音声の速度とピッチをカスタマイズする3. 音量の調整方法4. よく使われ...

MySQL 2級コンピュータ試験共通テストポイント 8つのMySQLデータベース設計最適化方法

MySQLデータベース設計の8つの最適化方法の詳細は次のとおりです。 1. 最も適切なフィールド属性...

CSS継承方法

次の背景画像を持つ div があるとします。 次の反射効果を作成します。 方法はたくさんありますが、...

テーブルの幅を固定して、テキストによって幅が変わらないように設定

ページ内のテーブルの幅を width="600px" に設定した後も、幅が固定さ...

Alibaba CloudにMySQLをインストールする方法の詳細な説明

軽量のオープンソース データベースである MySQL は、エンタープライズ レベルのアプリケーション...

Nginx の http リソース リクエスト制限の詳細な説明 (3 つの方法)

前提条件: nginx には、ngx_http_limit_conn_module モジュールと n...