javascript - 想要使用 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()函数在元素末尾插入内容。