通过 javascript 设置文件大小答案

【问题标题】：FileSize through javascript通过 javascript 设置文件大小
【发布时间】：2012-04-04 13:43:01
【问题描述】：

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

<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>

但是当我运行代码时，选择一个文件，什么都没有发生。任何人都告诉我我做错了什么

【问题讨论】：

标签： php javascript html upload

【解决方案1】：

Your code works fine（在带有文件 API 的 HTML5 浏览器中）。确保您的<script> 块在<input> 元素之后。在那个 jsfiddle 中，它位于“加载”处理程序中。

【讨论】：

或window.onload=function { ... }
@mplungjan 是的，我稍微更新了答案；我通过 jsfiddle 免费获得了“onload” :-)

【解决方案2】：

使用 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>');
});

【讨论】：

【解决方案3】：

您无法使用 javascript 获取文件大小。浏览器中的安全性可防止 Javascript 访问文件系统。我相信您需要使用 Flash、ActiveX 或能够被授予权限的东西。

编辑：如果您使用的是 HTML5 File API，那么我想您可以做到这一点 - 但由于您没有在任何地方表明我不认为是这种情况。我会将 HTML 作为标签放在您的帖子上。

【讨论】：

他正在尝试使用我认为的 HTML 5 文件 API。