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 を応援していただければ幸いです。