`
lysongfei
  • 浏览: 59406 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript获取上传文件大小

JavaScriptHTML 
阅读更多 
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
 </head>

<script type="text/javascript">    
function getFileSize(filePath)    
{    
   var image=new Image();    
   image.dynsrc=filePath;    
   alert(image.fileSize);    
}    
</script>    
<body>    
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this)">    
</body> 
<script type="text/javascript">
function getFileSize(fileObj)
{
   var image=new Image();
   image.dynsrc=fileObj.value;
   var size = image.fileSize || fileObj.files[0].fileSize;
   if(size > 100000){
	alert(size);
   }
   
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
</html>

 

分享到：
| JQuery 可编辑下拉列表实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    原生JS上传文件，获取文件二进制数据及文件大小和文件名称

    html前端技术，原生js上传文件，代码结构清晰、简短、易于理解，建议收藏。

    上传图片客户端判断大小，javascript获得上传图片的大小

    不用IE控件（ActiveXObject）不用 Img属性 上传图片客户端判断大小，javascript获得上传图片的大小 兼容所有浏览器，亲测可用 判断文件大小，判断上传图片的大小，图片格式

    js获取文件大小

    需求：客户端上传文件时，想先判断下文件的大小，如果超过一定大小，就直接拒绝上传请求 实现原理：根据不同浏览器的差异，在firefox和chrome中obj_file.files[0].size 获取文件打下，在ie6，ie7， ie8 中通过img的...

    javascript实现获取指定精度的上传文件的大小简单实例

    下面小编就为大家带来一篇javascript实现获取指定精度的上传文件的大小简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    Netty 文件上传获取进度条

    通过netty获取文件进度,上传文件的时时数据大小,剩余时间.websocket和HTML结合,并不javascript的轮询获取上传进度,而是通过NIO的推送.

    javascript 获取图像信息

    javascript 上传图片的信息 上传大小,像素等

    Javascript读取上传文件内容/类型/字节数

    完全可以通过Javascript来获取上传文件内容然后进行展示，既加快了操作速度，也减轻了服务器的负载和存储。接下来就是一个实际操作的过程： 首先来看一下一个上传文件对象的属性： UI设计（React+Material-ui） .....

    基于JavaScript+css+php支持断点续传的文件上传插件.zip

    为满足最大的灵活性，保存已上传文件大小和获取已上传文件大小的函数将由你来定义，你可以使用localStorage保存在本地，或者发送ajax请求保存在服务器上。 #####已实现的特性有： 多文件上传 显示进度条 显示已...

    【JavaScript源代码】JavaScript 上传文件限制参数案例详解.docx

    JavaScript 上传文件限制参数案例详解 　项目场景：　1，上传文件限制　功能作用：　1，防止前端操作上传异常文件 2，限制符合的规则，优化展示模型　功能实现：　1，获取file实例 2，执行校验规则方法　代码如下：...

    Layui实现文件上传进度条

    // 获取上传进度 $('#win').find('.layui-progress-bar').css('width', percent + '%'); // 更新进度条 } } }); ``` 在上面的代码中，我们使用了`layui.upload`方法来上传文件，并使用`on`方法来监听上传进度。...

    WebShell文件上传漏洞分析溯源

    2. 文件上传机制安全：确保文件上传机制的安全，例如限制上传文件的类型和大小。 3. 权限配置：确保Web应用程序的权限配置正确，以防止恶意文件的上传。 五、WebShell 文件上传漏洞的检测方法 检测WebShell 文件...

    Javascript 使用ajax与C#获取文件大小实例详解

    顾名思义，通过JS和Ajax来获取上传文件的大小，在上传之前可以有个判断，对上传的文件有所控制，因为js控制文件大小（JS获取文件大小）有些问题，具体大家试下就知道了，在此整理了一下ajax的获取文件大小的方法，...

    Javascript验证上传图片大小[前台处理]

    2)前台处理： 也就是利用Javascript获取该图片大小。 显然第一种方式，很不好。因为需要把文件先上传到服务器上，如果文件很大的话，在加上网不是很快，需要等待好长时间，治标不治本。 功能解析： 在这里我只介绍...

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

    2)前台处理： 也就是利用Javascript获取该图片大小。 显然第一种方式，很不好。因为需要把文件先上传到服务器上，如果文件很大的话，在加上网不是很快，需要等待好长时间，治标不治本。 功能解析： 在这里我只介绍...

    flash批量上传 php

    43.var size=a.fileSize //获取上传文件大小，单位字节 44.var type=a.fileType //获取上传文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型 45. 46.} 47. 48....

    Intraweb ajax upload Demo 上传任意格式和大小的文件，可以用作文件服务器。

    Ajax upload javascript source code in wwwroot folder, from the Internet; But, The Delphi end processes the uploaded source code and pays RMB ...但是delphi端处理上传的源码付费RMB:1500获取15283233311 mr.陈

    javascript 读取图片文件的大小

    今天弄了一个附件图片上传的，为了写一个检测，很麻烦，后来，发现一个比较巧妙的方法

    基于JavaScript实现大文件上传后端代码实例

    上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 首先是文件数据接收逻辑，负责接收控件上传的文件块数据，然后写到服务器的文件中。控件已经提供了块的索引，...

    带进度条多文件上传服务器返回json数据包括文件大小、路径、文件名、文件类型，可自行修改外貌哦

    纯javascript 带进度条的文件上传源码哦，包含PHP端源码，要的速速带走。 自行修改外貌就可以使用啦，另外php端返回的数据是json型的数据，需要解析，不懂的可以百度一下json，一般情况下用var str=eval("("+data+")...

Magicbox
Global site tag (gtag.js) - Google Analytics