Question

当我单击Add Attachment按钮时，我编写了代码来创建标记。

而且，我有以下代码。

        <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

你在找这样的东西吗？

$('#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 2

我以为你想要这样

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>

Answer 3

纯粹的js方法

＆＃13;

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");
    }     
}
}

＆＃13;

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

＆＃13;

如何获取大小<input type =“file”/>？

3 个答案: