html - HTML 入力タイプのファイルは、Chrome でファイル名を表示しません

Question

jqueryui dialogタイプファイルの入力タグを持つフォームを持つモーダルウィンドウを表示するために を使用しています。

クロムでは、ファイルを選択すると、file name is not displayed. 参照ボタンをhover押すと、ファイルの名前が表示されますが、それ以外は何も表示されません。firefoxでは問題なく動作します。以下は、問題のスクリーンショットです。

選択ボタンの横に名前を表示するにはどうすればよいか知りたいです。

Answer 1

私もこの問題を抱えていました。それに対処するために、参照ボタンの横にフィールドを追加し、次のように変更時にテキストを追加しました。

   $("#fileUpload").change(function (e) {
        var path = this.value;
        this.form.field.value = "..." + path.substring(11, path.length);
   });

パス名の先頭に \fakepath\ を追加していたため、部分文字列が追加されました。

Answer 2

これはうまくいきます。

 <input type="file" class="button" id="fileupload" value="Upload file"  multiple onChange="handleFiles(this.files)">