想要使用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>