`
lysongfei
  • 浏览: 60199 次
  • 性别: 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>

 

分享到：
| JavaScript获取上传文件大小
评论
发表评论

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

相关推荐

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

    当用户选择文件后，我们可以通过JavaScript获取选中的文件对象。我们可以为这个输入元素添加一个事件监听器，如`change`事件： ```javascript const fileInput = document.getElementById('fileInput'); fileInput...

    JavaScript判断上传文件大小的限制脚本

    我们可以在这个事件中获取到选中的文件，并通过`FileList`对象的`item`方法获取到`File`对象，然后通过`size`属性获取文件大小，单位是字节。 ```javascript document.getElementById('fileInput')....

    js 获取上传文件大小

    &lt;title&gt;JS获取上传文件大小 &lt;p id="fileSize"&gt;&lt;/p&gt; 获取文件大小.js"&gt; ``` 在这个例子中，我们创建了一个文件输入控件（`&lt;input type="file" /&gt;`），并为它分配了`id`为`uploadFile`。同时，我们还添加了...

    JS获取文件大小方法小结

    需要注意的是，由于浏览器的安全策略，JavaScript在获取本地文件大小时受到很多限制。尤其是现代浏览器，出于安全考虑，通常不允许直接访问本地文件系统。因此，上述方法可能在非IE浏览器或现代浏览器的严格模式下...

    上传文件大小的限制和判断javascript

    本文将深入探讨如何利用JavaScript来实现对上传文件大小的限制与判断。 ### 一、理解上传文件大小的限制 上传文件大小的限制通常由以下几个方面决定： 1. **服务器或应用程序的配置**：服务器或后端框架可能已经...

    javascript控制上传文件的大小及文件类型

    ### JavaScript 控制上传文件的大小及文件类型 在现代Web应用开发中，文件上传功能非常常见，例如用户可能需要上传头像、文档等文件。为了确保用户体验并减轻服务器负担，通常需要对上传文件进行预检查，包括文件...

    获取文件大小及上传文件打包.rar

    本主题主要涉及两个关键概念：获取文件大小以及文件上传与打包。这两个知识点对于任何涉及到文件处理的软件开发者来说都至关重要。 首先，让我们详细探讨如何获取文件大小。文件大小通常指的是文件在存储设备上占用...

    用JavaScript限制上传文件的大小

    本文将详细介绍如何使用JavaScript来实现对上传文件大小的控制，特别是针对非图片文件类型的场景。 #### 一、背景与需求分析 在许多网站或应用程序中，都需要用户提供文件上传的功能，如文档、视频等。这些文件...

    java 上传文件，实时获取上传进度.

    - 文件大小限制：为了避免过大文件导致服务器资源耗尽，应设置上传文件大小的最大限制。 - 文件类型检查：确保上传的文件类型符合预期，防止恶意文件上传。 - 文件重命名：上传后的文件应进行重命名，防止路径...

    高度,javascript判断上传图片大小，宽度，高度

    在这个示例中，`MAX_IMAGE_SIZE`、`MAX_WIDTH`和`MAX_HEIGHT`分别代表允许的最大文件大小和尺寸。 7. **性能优化**： 为了避免不必要的资源消耗，可以先验证图片类型和大小，只有在满足条件后才创建`Image`对象...

    JavaScript检测上传文件大小的方法

    本文主要介绍了如何使用JavaScript检测用户上传文件的大小，这在网页设计中是一个常见的需求，尤其当需要限制上传文件大小以符合服务器端处理能力或者节省带宽资源时。 首先，网页中的文件上传通常是通过HTML的文件...

    struts2上传文件，JavaScript判断文件大小

    -- 设置最大上传文件大小 --&gt; &lt;result name="success"&gt;/success.jsp ``` 在上述配置中，`fileUpload`拦截器用于处理文件上传，我们可以设置最大允许的文件大小。如果上传的文件超过了这个大小，Struts2会抛出...

    js+ajax实现获取文件大小的方法.docx

    总结，本文通过 JavaScript 和 AJAX 实现了在用户上传文件前获取文件大小的功能，解决了 JavaScript 无法直接访问文件大小的限制，提供了一种跨浏览器的可行方案。这种方法在文件上传功能中非常实用，可以有效地防止...

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

    在JavaScript中，获取上传文件的大小是一个常见的需求，特别是在处理用户上传文件的Web应用程序中。这个简单的实例展示了如何使用HTML和JavaScript来实现这一功能。在这个实例中，我们使用`&lt;input type="file"&gt;`标签...

    js验证上传文件大小

    总结来说，JavaScript验证上传文件大小主要通过监听文件输入字段的`change`事件，获取文件对象，然后检查`size`属性。结合HTML和CSS，我们可以创建一个交互式的文件上传界面，提供友好的用户反馈。这个功能对于任何...

    如何使用javascript限制文件上传大小

    为了提供良好的用户体验并保护服务器资源，通常需要对可上传的文件大小进行限制。本文将深入探讨如何使用JavaScript来实现这一功能，同时也会涉及一些相关的源码和工具。 首先，理解JavaScript在文件上传中的角色至...

    ASP Javascript 文件上传

    - **文件大小限制**：设置上传文件大小限制，避免消耗过多服务器资源。 - **错误处理**：对上传过程中可能出现的错误进行捕获和处理，提供良好的用户体验。 6. **工具和库**： 实际开发中，为了简化文件上传过程...

    JavaScript多文件上传

    例如，可以使用`file.type`检查文件MIME类型，`file.size`检查文件大小。 5. **文件上传**：有两种主要的上传方式： - **异步上传**：通常使用XMLHttpRequest或fetch API创建一个HTTP请求，将每个文件作为FormData...

    jQuery多文件上传并获取大小与格式代码

    总结起来，jQuery多文件上传并获取大小与格式涉及的关键知识点包括：HTML表单的`&lt;input type="file"&gt;`元素，jQuery事件监听，File API中的`File`对象，以及文件大小和类型的处理。通过这些技术，开发者可以创建用户...

    js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器）

    为了确保服务器安全并优化用户体验，开发者需要对上传文件进行一定的预处理，例如限制文件大小。本文将详细介绍如何使用JavaScript来判断上传文件的大小，并确保该功能在不同浏览器（包括火狐、谷歌、IE和360浏览器...

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