`

js如何获取上传图片的大小

    博客分类:
  • js
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>新建网页 1</title>
  <script>
function func()
{
var oImg=new Image();
var iFlag=false;
oImg.onload=function()
{
  if(!iFlag)
  {
   iFlag=true;
   alert("width:"+oImg.width+"\nheight:"+oImg.height+"\nfilesize:"+(oImg.fileSize/1024).toFixed(1)+"k");
  }
}
oImg.src=myform1.file1.value;
}
</script>
</head>
<body>
  <table width="50%" valign="botom" height="22" border="1">
   <!--存在两个不同表单所以需要不同的名字-->
   <form method="post" name="myform1" enctype="multipart/form-data">
   <tr>
    <td>
     <input type="file" name="file1" size="20" onchange="func()" />
    </td>
    </td>
   </tr>
   </form>
  </table>
</body>
</html>
分享到:
评论

相关推荐

    js验证上传图片 大小 格式

    在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...

    javascript 实现限制上传文件大小

    javascript 实现限制上传文件大小

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

    本知识点将深入探讨如何使用原生JavaScript实现文件上传,获取文件的二进制数据、大小以及文件名称。 首先,我们需要一个HTML元素,通常是`&lt;input type="file"&gt;`,用于让用户选择要上传的文件。例如: ```html ``...

    JS获取文件大小方法小结

    本文主要探讨了三种不同的JS方法来获取文件大小,这些方法主要适用于浏览器环境,尤其是Internet Explorer。 方法一:利用ActiveX控件 在较旧版本的IE浏览器中,可以使用ActiveX技术来访问本地文件系统。ActiveX...

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

    在JavaScript中,对上传图片进行大小、宽度和高度的判断是一项常见的前端操作,尤其是在实现用户在网站上上传图片时需要预览和验证图片格式及尺寸的场景。以下是一些关于如何使用JavaScript进行这些判断的关键知识点...

    js上传图片大小类型限制检测

    在网页开发中,用户上传图片是一项常见的功能,但为了保证网站性能、存储空间以及安全,通常需要对上传的图片进行一些限制,如大小和类型。本文将深入探讨如何使用JavaScript进行图片上传前的大小和类型限制检测。 ...

    JS上传图片大小验证.rar

    这个"JS上传图片大小验证.rar"压缩包可能包含了一个实现此类功能的示例或代码片段。 在网页中,通常我们使用HTML的`&lt;input type="file"&gt;`标签来让用户选择文件,然后通过JavaScript来获取并检查文件的信息,包括...

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

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

    js代码实现图片上传阿里云OSS

    在本文中,我们将深入探讨如何使用JS实现图片上传到阿里云对象存储服务(OSS)。阿里云OSS是一个高可用、高可靠的云存储服务,能够为开发者提供安全、稳定的数据存储解决方案。 首先,`plupload` 是一个开源的多...

    JS控制图片上传大小

    alert('请上传图片文件'); return; } const maxSize = 1 * 1024 * 1024; // 设置最大1MB if (file.size &gt; maxSize) { alert('图片大小超过1MB,请重新选择'); return; } // 其他处理,如显示预览等 } ``...

    js控制上传图片的大小

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

    支持图片上传及实时显示,可设置显示图片的大小。由php、Ajax、javascript开发

    这个项目是用PHP、Ajax和JavaScript这三种技术实现的,允许用户上传图片并即时预览,同时还可以调整显示的图片大小。接下来,我们将深入探讨这些技术以及它们在实现此功能中的角色。 **PHP** 是一种广泛使用的...

    纯javascript实现上传图片前图片预览,判断图片大小

    在本文中,我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能,并且检查图片的大小,确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用,因为它允许...

    js 判断上传图片的大小

    js 判断上传图片大小 兼容ie ff 无需flash的支持

    图片上传-可以限制图片的大小和类型

    为了提供良好的用户体验并确保系统稳定运行,开发者通常需要对用户上传的图片进行一些限制,包括图片的大小和类型。以下是对这一主题的详细说明: 1. **图片大小限制**: - **原因**:图片过大可能导致上传时间过...

    javascript实现限制上传文件大小

     项目中经常用到需要上传文件、照片等功能,同时需要限制所上传文件的大小。很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;...

    php+javascript批量上传图片

    然后,它使用 JavaScript script 来实现上传图片的功能,包括上传、删除和添加图片的操作。 知识点总结 该资源的知识点主要包括: 1. PHP 批量上传图片的实现方法 2. JavaScript 在批量上传图片中的应用 3. HTML...

    上传图片格式大小检测

    "上传图片格式大小检测"是这个过程的关键部分,它涉及到前端和后端的技术,以及图像处理的基础知识。 首先,我们需要理解图片的格式。常见的图片格式有JPEG、PNG、GIF、BMP等。每种格式都有其特点,例如JPEG适合...

    上传图片预览(限制格式大小)

    本篇将详细介绍如何在`.NET MVC`框架下,结合`HTML`、`JavaScript`(简称Js)和`jQuery`(简称JQ)实现"上传图片预览"功能,并限制上传的图片格式和大小。 首先,我们需要在前端页面创建一个`HTML`表单,包含一个`...

    JS判断上传文件的大小类型等限制

    例如,只允许上传图片或文档等特定格式的文件。这可以通过读取文件扩展名并将其与预设的白名单进行对比来实现。 ```javascript function checkFileType(filename, allowedExtensions) { var fileExtension = ...

Global site tag (gtag.js) - Google Analytics