如何获得大小 <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 包含所选文件的文件名。

扩展名获取所选文件的扩展名。

我有一个问题。

获取文件名成功，但不知道如何获取文件大小。

如何使用我的代码获取所选文件的大小值？

作为一个脚本初学者，我知道的不多。您的 cmets 很有价值。请告诉我你的意见。

Answer 1

纯js方式

document.getElementById("myFile").onchange = findSize;

function findSize(){
    var inputTag = document.getElementById("myFile");
    if ('files' in inputTag) {         
      for (var i = 0; i < inputTag.files.length; i++) {        
        var file = inputTag.files[i];        
        console.log(file.size + " bytes");
    }     
}
}

<input type="file" id="myFile">

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>