我可以在文件类型输入中显示文件大小吗?

时间:2011-10-18 18:20:09

标签: javascript jquery .net html visual-studio-2010

我正在使用文件类型输入。我想在选择文件后显示文件大小。我在想我应该使用一些jquery来解决这个问题,但我不确定如何。我能这样做吗?

<input type="file" id="uploadFile" name="uploadFile"/>

1 个答案:

答案 0 :(得分:4)

如果浏览器具有该功能(firefox,chrome,opera(?)),这应该显示:

jQuery( "#uploadFile").bind( "change", function(){
    if( this.files && this.files.length ) { //If this condition passes, you can get file size
    var file = this.files[0],
    fileSize = file.size || file.fileSize || 0;
    alert(fileSize+ " bytes" );
    }
});

这里的演示:http://jsfiddle.net/yNQ9M/1/(更新为在firefox和opera中工作)

您还可以使用ActionScript(Flash)黑客在旧版浏览器中执行此操作。

Microsoft正在研究File API in ie10