Question

希望有人能够说出我做错了什么。我搜索了所有相关文章，试图按原样复制代码，但没有运气。我试图在HTML表单中选择上传后获取文件大小。

以下是代码的相关部分：

<script>
function handleFiles()
{

    if (window.File && window.FileReader && window.FileList && window.Blob)
    {
        //alert("called");
        var inpFiles = document.getElementById('#i_file');
        //get the file size and file type from file input field
        //var fsize = $('#i_file')[0].files[0].size;
       alert(inpFiles );
        if(fsize>1048576) //resize if file size more than 1 mb (1048576)
        {
            alert(fsize +" bites\nToo big!");
        }else{
            alert(fsize +" bites\nYou are good to go!");
        }
    }else{
        alert("Not supported");
    }
};
</script>

<input name="uploadfile" type="file" id="i_file"  />
        <input type="button" value="Try" id="i_submit" onclick="handleFiles()" />

所以，我得到一个按钮来浏览文件，点击，选择 - 文件名出现。我点击第二个按钮＆＃34;试试＆＃34; （因为我不想等待提交的整个表格）和警报（inpFiles）说＆＃34; null＆＃34;。带有fsize的行被注释，因为没有有效的指针。感谢您的评论。

Answer 1

getElementById('#i_file')应为getElementById('i_file')：

var inpFiles = document.getElementById('i_file');
var fsize = inpFiles.files[0].size;

Javascript：从HTML表单获取上传文件的详细信息

1 个答案: