`
心语2012
  • 浏览: 45845 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

客户端获得上传图片的fileSize

    博客分类:
  • js
阅读更多
最近项目中有用到,用file控制上传图片前验证图片的大小的问题,查过了很多文件,发现比较麻烦,因为这个存在兼容性问题,对于IE和火狐有不同的处理。
火狐下可以直接获得上传文件的大小进行判断:fileupload.files[0].fileSize;
ie下就不同了,首先需要获得本地文件的路径,开启安全设置ActiveX功能后,才可以获取文件大小,但是如果客户去用了,还需要去开启什么ActiveX功能,那不是很麻烦么。

解决方案:

对于火狐的操作
var fileSize = fileupload.files[0].fileSize;

对于IE可以用请求服务器端反回文件大小然后再操作。
分享到:
评论

相关推荐

    HtmlInputFile的改进:打造图片上传控件

    this.Attributes.Add("fileSize", "0"); // 添加是否通过属性 this.Attributes.Add("checkSize", "0"); // 添加文件最大大小属性 this.Attributes.Add("maxSize", m_MaxSize.ToString()); } ``` 在Render方法...

    js控制上传图片的大小

    ### JS控制上传图片的大小 在现代Web应用中,对用户上传的图片进行尺寸限制是一项常见且实用的功能。本文将详细介绍如何使用JavaScript来实现这一功能,包括如何检测上传图片的大小,并在不符合要求时给予提示。 #...

    Javascript 验证上传图片大小[客户端]

    需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重。那么我们怎样才可以解决一个棘手的问题呢?有两种方式: 1)后台处理: 也就是AJAX POST提交到后台,把图片上传到服务器上,然后获得该图片...

    微信js-sdk上传与下载图片接口用法示例

    上传图片接口(uploadImage)和下载图片接口(downloadImage)均为微信js-sdk提供的方法,用于在微信客户端与微信服务器之间进行图片的上传和下载操作。 在上传图片时,可以使用chooseImage接口获取微信客户端内的图片...

    JavaScript File API文件上传预览

    文件上传预览是Web应用开发中常见的一项功能,它允许用户在文件实际上传到服务器之前,先在客户端进行预览。这样不仅提高了用户体验,也减少了不必要的上传操作。在传统的Web开发中,实现文件上传预览功能会遇到一些...

    SpringMVC 单文件上传与多文件上传实例

    单文件上传是指用户从客户端上传一个文件到服务器端,SpringMVC 通过使用 MultipartFile 对象可以轻松实现单文件上传。下面是一个简单的单文件上传实例: 1. 页面 首先,需要在页面中添加一个文件上传的表单,表单...

    NodeJS使用七牛云存储上传文件的方法

    // putPolicy.callbackBody = 'filename=$(fname)&filesize=$(fsize)'; token = putPolicy.token(); console.log('token', token); let extra = new qiniu.io.PutExtra(); qiniu.io.putFile(token, key, files....

    js脚本检测图片大小 非FSO

    在JavaScript编程中,有时我们需要在不借助服务器端文件系统对象(FSO)的情况下检测图片的大小,例如在预览图片或者处理上传时。这个场景下,我们可以通过读取图片的Blob对象或DataURL来获取其大小。下面将详细介绍...

    JavaEE知识体系总结DOC

    无论是个人博客上传头像、电商平台上传商品图片还是企业级应用中的文档管理,文件上传都是不可或缺的功能之一。例如,网络硬盘服务就是基于文件上传技术实现的;再如求职者在智联招聘等平台上提交简历时,往往也需要...

    使用JavaScript根据图片获取条形码的方法

    在页面部分,开发者需要创建一个文件输入控件以允许用户上传图片。同时,通过引入jQuery、quaggaJS库文件以及自定义的JavaScript文件来构建完整的应用逻辑。以下是构建的基础HTML结构: ```html ...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    你可以不受限制的获得源码,甚至可以从中加进你自己需要的特色。PHP在大多数Unix平台,GUN/Linux和微软Windows平台上均可以运行。怎样在Windows环境的PC机器或Unix机器上安装PHP的资料可以在PHP官方站点上找到。安装...

    BlobStorage:使用 azure 的文件存储 (blob) 服务的 JSF 应用程序

    Blob存储是Azure云平台提供的一种服务,用于存储大量的非结构化数据,如文本、图片、视频等。在本场景中,我们关注的是如何在JavaServer Faces (JSF) 应用程序中集成Azure Blob存储服务。JSF是一种用于构建Web应用...

    Fckeditor2.6.3

    FCKeditor2.6zip是其最新的Javascript文件和图片等; FCKeditor.NET.zip是一个ASP.NET控件DLL文件。 下面结合一个ASP.NET2.0的项目来具体看看FCKeditor的安装、配置、使用。在开始之前请先下载FCKeditor文件包和...

    新版Android开发教程.rar

    � 良好的盈利模式( 3/7 开),产业链条的各方:运营商、制造商、独立软件生产商都可以获得不错的利 益 。 将移动终端的评价标准从硬件向软件转变,极大的激发了软件开发者的热情。 � Android 的源代码遵循 Apache...

Global site tag (gtag.js) - Google Analytics