サイズの取得方法<input type = "file">？

Question

[添付ファイルを追加]ボタンをクリックすると、タグを作成するコードを記述しました。

そして、私は次のコードを持っています。

 <input type="file" name="fileup['+idx+']" id="fileup['+idx+']"> 

     <input class="btn btn-default btn-sm" type="button" value="fileSizeCheck" onclick="fileSizeCheck('+idx+')" /> 


      function fileSizeCheck(idx) 
      { 
       var getName = $('input[id="fileup['+idx+']"]').val(); 
       var extension = getName.split(".").pop().toLowerCase(); 

       var i = getName.files[idx].size; 
       alert(i); 
      } 

ただし、このコードではエラーが発生します。

エラーコードは次のとおりです。Uncaught TypeError: Cannot read property '1' of undefined

のgetNameは、選択したファイルのファイル名が含まれています。

拡張子は、選択したファイルの拡張子を取得します。

ここに私は質問があります。

ファイルの名前を取得できましたが、ファイルのサイズを取得する方法がわかりませんでした。

選択したファイルのサイズ値をコードで取得するにはどうすればよいですか？

スクリプトの初心者としては、あまり分かりません。あなたのコメントは貴重です。あなたの意見を教えてください。

Answer 1

ピュアJSが

に近づくように私はあなたの希望を考えました10

Answer 2

このようなものをお探しですか？

$('#uploadFile').bind('change', function() { 
 
    alert(this.files[0].size); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" id="uploadFile" />

Answer 3

この

function fileSizeCheck(idx){ 
 
    var getName = $('#fileup'+idx)[0].files; 
 
    alert("file size is "+getName[0].size); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
<td><input type="file" name="fileup1" id="fileup1"> 
 
<input class="btn btn-default btn-sm" type="button" value="fileSizeCheck" onclick="fileSizeCheck(1)" /></td> 
 
</tr> 
 
<tr> 
 
<td><input type="file" name="fileup2" id="fileup2"> 
 
<input class="btn btn-default btn-sm" type="button" value="fileSizeCheck" onclick="fileSizeCheck(2)" /></td> 
 
</tr> 
 
</table>