想要使用javascript / jquery在輸入標簽中顯示文件上傳大小

Question

在下面的代碼中，我想在div或label元素中顯示上傳文件的大小。 但是，當我想在輸入元素中顯示它時，它不起作用。

 <script>
    var maxfilesize = 2097152;//2MB;
    $('#fuAttachments').live("change", function () {
        $("#msg").text("");

        var tt = $(this).val();

        var size = this.files[0].size;
        $("#msg").append(Math.ceil(size / 1024));

    });
</script>
<input id="fuAttachments" type="file" />

我想在#msg中顯示上傳文件的大小

<input id="msg" type="text" />

Answer 1

替換此行時它應該工作：

$("#msg").append(Math.ceil(size / 1024));

有了這個：

$("#msg").val(Math.ceil(size / 1024));

.val()函數設置所有匹配標記的value屬性，而.append()函數在元素末尾插入內容。

Answer 2

使用“val”而不是“append”

$('#msg').val(size);

Answer 3

當我想將它顯示為輸入值時。 使用.val() 。 .append()不適用於輸入。

Answer 4

嘗試：

$("#msg").val(Math.ceil(size / 1024));

要么

$("#msg").val(size);

為什么.val？

表單jQuery Doc：
獲取匹配元素集中第一個元素的當前值或設置每個匹配元素的值。 .val（）方法主要用於獲取表單元素的值，例如input，select和textarea。 對於元素，.val（）方法返回包含每個選定選項的數組; 如果未選擇任何選項，則返回null。

Answer 5

請使用以下腳本：

<script>
 var maxfilesize = 2097152;//2MB;
 $('#fuAttachments').live("change", function () {
    var size = $(this).files[0].size;
    $("#msg").val(Math.ceil(size / 1024));

 });
</script>