通过javascript实现FileSize

Question

我想在客户端使用javascript.The代码检查用户选择的文件的文件大小：

<script type="text/javascript">
 var myFile = document.getElementById('myfile');

  //binds to onchange event of the input field
  myFile.addEventListener('change', function() {
  //this.files[0].size gets the size of your file.
   alert(this.files[0].size);

   });
 </script>

​

但是当我运行代码时，选择一个文件，什么也没有发生。有人告诉我我哪里做错了吗？

Answer 1

Your code works fine (在使用File API的HTML5浏览器中)。确保您的<script>块在 <input>元素后为。在jsfiddle中，它位于“加载”处理程序中。

Answer 2

您无法使用javascript获取文件大小。浏览器中的安全性可防止Javascript访问文件系统。你需要使用闪存，或ActiveX或其他我认为能够被授予权限的东西。

编辑:如果您使用的是HTML5文件API，那么我猜您可以这样做--但由于您没有指出这一点，所以我没有假设情况是这样的。我会把HTML作为标签放在你的帖子上。

Answer 3

使用jquery对我来说很有效：

http://jsfiddle.net/UUdcy/

$('#myfile').change( function() {
    var fileInput = $("#myfile")[0];
    var imgbytes = fileInput.files[0].fileSize; // Size returned in bytes.
    $('body').append('<p>'+imgbytes+'</p>');
});​