選択したすべてのファイルを表示

Question

複数のファイル（私の場合はイメージ）を選択できる入力フィールドがあります。問題は、その1つ以上のファイルを選択するとgoogle chromeにのみ表示されることです。しかし、それはIE上でうまく動作するので、どこから問題が発生しているのか分かりません。何か案が？

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data"> 
    <label class="btn btn-primary" for="my-file-selector"> 
    <input id="my-file-selector" type="file" name="files[]" style="display:none;" multiple onchange="$('#upload-file-info').html($(this).val());">Browse</label> 
    <span class='label label-info' id="upload-file-info"></span> 
    <div style="float:right;"> 
     <label class="btn btn-primary" for="my-file-selector2"> 
     <input id="my-file-selector2" type="Submit" style="display:none;" name="search">Import</label> 
    </div> 
</form> 

Answer 1

これはお使いのブラウザとは関係ありません。

​​

$(this).prop('files');アップロードされたすべてのファイルがFileListオブジェクトとして含まれています。

ループファイルのプロパティおよびブラウザの仕様では、ファイルに関するお#upload-file-info

$('#my-file-selector').on('change', function(e){ 
 
    $('#upload-file-info').html(""); //clear the info before appending 
 
    var files = $(this).prop('files'); 
 
    for (var i = 0; i < files.length; i++) { 
 
    \t $('#upload-file-info').append(files[i].name); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="" method="post" enctype="multipart/form-data"> 
 
    <label class="btn btn-primary" for="my-file-selector"> 
 
    <input id="my-file-selector" type="file" name="files[]" style="display:none;" multiple>Browse</label> 
 
    <span class='label label-info' id="upload-file-info"></span> 
 
    <div style="float:right;"> 
 
     <label class="btn btn-primary" for="my-file-selector2"> 
 
     <input id="my-file-selector2" type="Submit" style="display:none;" name="search">Import</label> 
 
    </div> 
 
</form>

詳しい情報にすべての名前を入れて：

FileAPI reference
files property reference

Answer 2

ブラウザの選択でアンプの仕様を試してみよう