javascript - 想要使用javascript/jquery在输入标签中显示文件上传大小

在下面的代码中，我想在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" />

最佳答案

当您替换以下行时，它应该工作：

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

有了这个：

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

.val()函数设置所有匹配标签的value属性，而.append()函数将内容插入元素的末尾。

关于javascript - 想要使用javascript/jquery在输入标签中显示文件上传大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16883461/