-
js检测文件大小的问题30
这两天一直在看上传的问题,比较困扰的就是一个js检测文件的大小,
现在的需求是1.进度条上传(已解决)2.多文件同时上传(已解决)3.在上传之前检测文件的大小并加以限制(未解决)
这两天一直在看这个问题,发现还是个不小的问题嘞。
第一种是通过ActiveObject对象,这种方法可以是可以,但是要求ie浏览器降低安全系数,或对上传的文件有格式要求,这个我觉得不太好,你不能要求人家客户再用你的系统时降低ie浏览器的安全系数吧,这让人感觉很别扭,不可取,pass
第二种是通过Img对象装载,呵呵,这个可以是可以,但是最可气的就是浏览器的版本,先不说火狐,现在最主流的浏览器都是ie内核的,ie7和ie8的在装载Img对象是用dynsrc装在不了,只有ie6可以,这怎么行啊,现在win7这么畅销,你不能让人家吧ie8卸载了装ie6吧,想了想这可能跟内核有关系,我忽然想起网易的邮箱也有上传附件大小的限制,马上去看,结果人家大公司就是大公司,已经把这个问题解决了,很快的就能检测出上传文件的大小,一不做二不休,把代码下载下来看看,一个字“晕”,两个字“愤怒”,写的真是有够牛,怀疑这是大老外写出来的代码,看了一个小时晕头转向,我承认我水平不高,没太看懂,好像还调用了些cookie之类的,但是也没有这么欺负人的啊,只有上这里来请教各位大侠有没有什么高超的解决方法,主要是ie7和ie8环境下检测上传的大小限制,耐心等待各位的帮助
问题补充:suziwen 写道不用ActiveObject好像不行吧。
JS不能操作用户本地文件,不然好像就违反了浏览器的安全。(好像这也是标准吧)
公司用的是在上传文件时,先用AJAX上传支判断大小,再返回来満不満足要求,满足要求再让上传文件。
期待下面回答
可是如果用ajax上传检测后再上传,不就是将这个文件上传了两次,如果文件小无所为,如果文件很大呢 ,像10M左右的文件,会掉函数会等待很长时间才会响应的,这个不太合适吧,我们的客户要求是基本上都是上传20M~30M左右的文件啊
问题补充:suziwen 写道我感觉第一次在服务器判断文件大小并不需要把整个文件上传到服务器后才能判断,服务器应该很快就能判断完了。
判断完大小后第二次上传时,才是把整个文件全部上传上去 。
或者用FALSH做插件判断了,不过好像在FALSH的安全性设置上好像也要求客户设置似的
http://digitarald.de/project/fancyupload/
falsh是可以,但是代码不懂啊,以后要扩展什么的好像有点难度,另外你说用ajax上传很快能判断完,请具体的说一下,我怎么不用把整个文件都上传才能得到file对象2010年3月20日 17:05
6个答案 按时间排序 按投票排序
-
整个文件上传到服务器后才能判断,服务器应该很快就能判断完了。
因为我觉得一般的中间件不都有设置文件上传大小的参数吗,它的判断速度不是挺快的吗,所以觉得判断大小应该不会很慢。
我也是猜测,可能不准
如果真是两次上传的话,那想得到的应该也就是FLASH了,或者看新版的浏览器有提供什么更高级的功能了。。
等待中
2010年3月20日 18:41
-
http://digitarald.de/project/fancyupload/3-0/showcase/photoqueue/2010年3月20日 17:52
-
我感觉第一次在服务器判断文件大小并不需要把整个文件上传到服务器后才能判断,服务器应该很快就能判断完了。
判断完大小后第二次上传时,才是把整个文件全部上传上去 。
或者用FALSH做插件判断了,不过好像在FALSH的安全性设置上好像也要求客户设置似的
http://digitarald.de/project/fancyupload/2010年3月20日 17:49
-
不用ActiveObject好像不行吧。
JS不能操作用户本地文件,不然好像就违反了浏览器的安全。(好像这也是标准吧)
公司用的是在上传文件时,先用AJAX上传支判断大小,再返回来満不満足要求,满足要求再让上传文件。
期待下面回答2010年3月20日 17:15
相关推荐
本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 方法一:利用ActiveX控件 在较旧版本的IE浏览器中,可以使用ActiveX技术来访问本地文件系统。ActiveX...
用js获取上传文件的大小,输入文件路径即可,在IE6上没问题,其他版本的浏览器没试过。
1. **文件大小限制**:根据业务需求设定合理的文件大小上限。 2. **跨浏览器兼容性**:支持主流浏览器,如Chrome、Firefox、Internet Explorer和360浏览器等。 3. **友好提示**:当文件大小超过限制时,应向用户提供...
本文主要介绍了如何使用JavaScript检测用户上传文件的大小,这在网页设计中是一个常见的需求,尤其当需要限制上传文件大小以符合服务器端处理能力或者节省带宽资源时。 首先,网页中的文件上传通常是通过HTML的文件...
以上代码展示了如何使用JavaScript进行图片上传前的类型和大小检测,并在发现问题时给出相应的错误信息。在实际应用中,这些功能可以进一步封装,以适应不同场景的需求,比如添加多文件上传支持、处理更多类型的限制...
在我们的场景中,我们可以利用Ajax的异步特性来后台检测文件大小,而不影响用户界面的流畅性。 首先,我们需要一个HTML表单让用户选择要上传的文件。这个表单通常包含一个`<input type="file">`元素,当用户选择...
在JavaScript编程中,有时我们需要在不借助服务器端文件系统对象(FSO)的情况下检测图片的大小,例如在预览图片或者处理上传时。这个场景下,我们可以通过读取图片的Blob对象或DataURL来获取其大小。下面将详细介绍...
本篇介绍的方法主要基于早期的JavaScript技术实现文件大小和类型的限制。随着现代Web技术的发展,尤其是HTML5的出现,现在更推荐使用`FileReader` API和其他API来实现这些功能,它们提供了更好的跨浏览器支持和更...
在前端,可以通过JavaScript的File API来检测文件的类型,如`file.type`属性可以获取到MIME类型,进而判断图片格式。 其次,图片大小的检测主要是为了防止过大文件导致服务器压力增大或者内存溢出。前端通常会限制...
客户端检测文件大小主要是为了提供即时的反馈给用户,加快响应速度,并减轻服务器的负载。然而,由于客户端检测可以被绕过,服务器端的检测仍然必不可少。 为了在客户端使用JavaScript检测上传文件的大小,可以通过...
在生产环境中,通常会使用Babel将源代码转换为浏览器兼容的版本,并且会使用压缩和优化过的`react-dom.production.min.js`和`react.production.min.js`,以减少文件大小,提高应用的加载速度。 总结来说,`babel....
本文将深入探讨如何使用JavaScript来检测文件是否为空,并提供相关的代码示例。 首先,我们要明白在JavaScript中,文件操作通常涉及到浏览器的File API。File API允许我们直接在浏览器中对文件进行读取、写入和处理...
在JavaScript中,处理图片文件大小的检测通常是在用户选择文件后进行的一种验证操作,用于确保上传的图片符合网站设定的大小限制,以防止服务器负担过重或者用户体验下降。以下是对标题和描述中所述知识点的详细解释...
这些工具不仅能压缩代码,还能进行死代码检测和消除,进一步优化文件大小。 二、CSS(css)压缩 CSS压缩与JavaScript压缩类似,也是去除多余的字符和注释,但CSS还有其特定的压缩策略: 1. **合并选择器**:如果...
本主题将详细讲解如何利用`flexible.js`和`echartPxToRem.js`这两个JavaScript文件来实现rem适配,以及它们在实际项目中的应用。 `flexible.js`是阿里巴巴的一个开源解决方案,主要用于移动端的响应式布局。它通过...
这些工具可以根据配置自动检测文件变化,执行合并和压缩操作,并且能够与其他任务(如编译Sass、处理图片等)集成。 6. **CDN集成**:如果网站使用了内容分发网络(CDN),合并后的文件可以上传到CDN,利用其全球...
在这个主题中,我们将深入探讨如何利用Webpack插件来检测未使用的文件以及在已使用的文件中查找未使用的导出。 首先,Webpack 插件是扩展Webpack功能的关键组成部分,它们通过在Webpack构建生命周期中的不同阶段...