当前位置：文江博客话题详情

检查上传文件大小的推荐方法

发布于 2024-10-03 10:30:02 字数 763 浏览 7 评论 0 原文

我正在开发一个支持文件上传的网络应用程序。我已经熟悉检查服务器端的大小，但我想检查客户端的文件大小。

我知道这是浏览器的限制，出于安全原因我们无法访问文件属性。所以我尝试了 swfupload 和 uploadify 组件。两者都很好并且满足需求。

但限制是都取决于闪存，所以如果我的最终用户没有安装闪存，那么我最终会遇到问题。要求他们安装 Flash 是另一回事，但它是一个门户网站，而且用户群庞大。所以我不喜欢要求他们安装闪存的想法。

今天我遇到了 gmail 中的文件上传功能。并在没有安装 Flash 的情况下在浏览器（IE）中进行了测试。我发现很有趣。如果您上传一个大文件，他们会进行回发并立即返回文件大小太大的消息。

这是怎么可能的，他们如何在不下载整个内容的情况下找到文件的大小？我相信这必须通过读取 HTTP 标头信息来完成。我说得对吗？

这就是我想要实现的确切功能。如果已经安装了闪存，我可以使用 uploadify 来检查大小，否则我可能会实现谷歌从未听说过的技术。

有人可以推荐我怎么做吗？

有人之前遇到过类似的问题，你做了什么？

更新：

在 FF 中安装 Flash 的 Gmail 上传

alt text

在 IE 中不安装 Flash

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凉城凉梦凉人心 2024-10-10 10:30:02

您可以查看 File API，它是 HTML 5 的草案。这里是一篇好文章。这就是当然，如果浏览器支持的话，Gmail 会使用。但无法确保这适用于所有浏览器。

回复收藏 0 原文

つ可否回来 2024-10-10 10:30:02

在 IE 中，您可以使用 JS 和 ActiveX：

function A()
{
  var oas = new ActiveXObject("Scripting.FileSystemObject");
  var d = document.a.b.value;
  var e = oas.getFile(d);
  var f = e.size;
  alert(f + " bytes");
}

</script>
</head>
<body>
<form name="a">
<input type="file" name="b">
<input type="button" name="c" value="SIZE" onClick="A();">
</form>
</body>
</html>

In IE, you can do it with JS and ActiveX:

function A()
{
  var oas = new ActiveXObject("Scripting.FileSystemObject");
  var d = document.a.b.value;
  var e = oas.getFile(d);
  var f = e.size;
  alert(f + " bytes");
}

</script>
</head>
<body>
<form name="a">
<input type="file" name="b">
<input type="button" name="c" value="SIZE" onClick="A();">
</form>
</body>
</html>

回复收藏 0 原文

农村范ル 2024-10-10 10:30:02

事实上，几天前我（或多或少）问过这个问题，一般的答案似乎是：这是不可能的。

供参考：确保文件大小上传文件的数量小于上传前的 maxRequestLength？

回复收藏 0 原文

池木 2024-10-10 10:30:02

我还没有测试过这个，但是请求中没有“Content-Length”标头吗？它不仅包括正在上传的文件，而且您可以将其用作基准来确定 POST 是否太大而无法处理。

回复收藏 0 原文

债姬 2024-10-10 10:30:02

首先我要说的是，我无法生成工作副本，其中大部分是我通过阅读周围的内容和轻微的经验而理解的。也就是说，也许你可以更多地探索它和/或如果我错了，请纠正我。
主要内容指向带有名为 MAX_FILE_SIZE 的隐藏输入的经典表单的想法...在 PHP/Apache 中，如果上传大于 MAX_FILE_SIZE，服务器将停止（请参阅此处）。在 PHP 方面，$_FILES 数组将返回一个错误代码（可以看到此处）。记下UPLOAD_ERR_FORM_SIZE。

为了将这一切放在一起，您可以让 JavaScript 在 IFrame 中上传文件并获取结果。如果服务器发出错误消息（从理论上讲，速度会相当快），JavaScript 可以简单地警告用户。否则，我们可以假设文件现在已成功上传。现在试图理解谷歌的代码几乎是不可能的；据我所知，快速的 HTML 扫描并没有任何帮助...它们确实有隐藏的输入字段，但没有一个以 MAX_FILE_SIZE 作为名称。它们要短得多，而且大多数似乎没有价值。但是，我相信这是可能的。有人想吗？

谁知道呢，也许伟大的 Google Web 服务器内置了立即切断上传的功能。感谢您的聆听！

回复收藏 0 原文

暖风昔人 2024-10-10 10:30:02

我相信文件上传是基于 RFC 1867，尽管 HTML5 取代了这一切。您可以在服务器端完美地重新实现此 RFC，并检查累积传入流的大小。

在最一般的情况下，我认为您不能安全地依赖内容长度，因为它可能不代表文件的大小，而仅代表块的大小。

回复收藏 0 原文

心头的小情儿 2024-10-10 10:30:02

经过大量搜索后，我发现我们可以使用 maxAllowedContentLength 限制 ASP.Net 应用程序中的上传大小。请记住，此设置仅适用于 IIS 7 或更高版本。

由于这是在 IIS 级别处理的，因此我们不需要在服务器代码中处理任何内容。如果超出大小限制，则会返回错误代码404.13。这样你就可以很容易地检查客户端的代码来确定问题所在。

如果客户端计算机上未安装闪存，这就是我处理大文件的方法。

希望这可以帮助某人。

有关此设置的详细信息，请阅读此

回复收藏 0 原文

茶花眉 2024-10-10 10:30:02

即使在上传的文件完全传输之前，也可以确定正在上传的文件的大小。即使使用 Internet Explorer 时也是如此。通过使用 HTTP 的内容长度标头！
在Java世界中：
首先，如果您在任何先前的线程质量之前处理第一个 servlet/filter/controller 中到达服务器的请求，您将可以在 content-length 标头中获取总文件大小 (request.getContentLength())。

其次-看看 ajax 实现，证明这是可能的：
http://www.ajaxfilebrowser.com/

回复收藏 0 原文

我爱人 2024-10-10 10:30:02

您可以使用以下代码来获取 Gmail 功能：

<html>
<head>
<script type="text/javascript">
$(function()
{

$('#btnSubmit').click(function()
{
if (typeof (input.files) != 'undefined') {  // this will work in firefox,chrome.
   if (input.files[0].fileSize > MAX_FILE_SIZE) {
        alert("file size exceeded");
         return false;
      }
 }
else
{
//this approach will work for ie 8.
$('iframe').bind('load'),function()
{
try
{
var text = $('iframe')[0].contentWindow.document.body ? $('iframe')[0].contentWindow.document.body.innerHTML : null;
}
catch(e)
{
alert('Server error occurred');
}
}
});
});

});
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" name="fileUpload" action="Default.aspx" target="responseFrame">
<input type="file"/>
<input type="submit" value="upload" id="btnSubmit"/>
</form>
<iframe src='' name='responseFrame' id='responseFrame' style='width:0px;height:0px;border:0;'></iframe>
</body>
</html>

希望对您有所帮助。

You can have the following Code to get Gmail feature:

<html>
<head>
<script type="text/javascript">
$(function()
{

$('#btnSubmit').click(function()
{
if (typeof (input.files) != 'undefined') {  // this will work in firefox,chrome.
   if (input.files[0].fileSize > MAX_FILE_SIZE) {
        alert("file size exceeded");
         return false;
      }
 }
else
{
//this approach will work for ie 8.
$('iframe').bind('load'),function()
{
try
{
var text = $('iframe')[0].contentWindow.document.body ? $('iframe')[0].contentWindow.document.body.innerHTML : null;
}
catch(e)
{
alert('Server error occurred');
}
}
});
});

});
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" name="fileUpload" action="Default.aspx" target="responseFrame">
<input type="file"/>
<input type="submit" value="upload" id="btnSubmit"/>
</form>
<iframe src='' name='responseFrame' id='responseFrame' style='width:0px;height:0px;border:0;'></iframe>
</body>
</html>

Hope this help.

回复收藏 0 原文

友谊不毕业 2024-10-10 10:30:02

哈哈，ofc，你可以做到，只是有点辛苦，如果你搜索“uploadbar flash”
您可以使用它来传递或比较或执行任何您想要的操作，而不是使用您检索到的数据来创建上传程序
我发现看起来相当不错的是这个，它不需要使用闪光灯
但你可以用它来达到同样的目的
http://www.plupload.com
高度可配置
PS如果你真的喜欢的话，你可以强制它只使用闪光灯

回复收藏 0 原文

~没有更多了~

关于作者

兔姬

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

检查上传文件大小的推荐方法

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（10）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

检查上传文件大小的推荐方法

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（10）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。