`

js获取上传图片大小

 
阅读更多
//转载:http://purplebamboo.github.io/2014/02/09/javascript-watch-img-width-height/
var input = document.getElementById("file");
if(input.files){
                //读取图片数据
  var f = input.files[0];
  var reader = new FileReader();
  reader.onload = function (e) {
      var data = e.target.result;
      //加载图片获取图片真实宽度和高度
      var image = new Image();
      image.onload=function(){
          var width = image.width;
          var height = image.height;
          alert(width+'======'+height+"====="+f.size);
      };
      image.src= data;
  };
  reader.readAsDataURL(f);
  }else{
  var image = new Image(); 
  image.onload =function(){
      var width = image.width;
      var height = image.height;
      var fileSize = image.fileSize;
      alert(width+'======'+height+"====="+fileSize);
  }
  image.src = input.value;

  }

 

分享到:
评论

相关推荐

    js 获取上传文件大小

    在JavaScript中获取上传文件的大小是一项常见的需求,尤其是在ASP.NET框架下构建Web应用程序时。这个功能可以帮助用户在上传文件之前预知文件的大小,避免过大文件导致服务器压力或网络延迟。下面将详细介绍如何使用...

    js验证上传图片 大小 格式

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

    用js获取上传文件的大小

    用js获取上传文件的大小,输入文件路径即可,在IE6上没问题,其他版本的浏览器没试过。

    JS获取文件大小方法小结

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

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

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

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

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

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

    本文将深入探讨如何使用JavaScript进行图片上传前的大小和类型限制检测。 首先,我们要了解JavaScript在浏览器环境中的文件操作能力。由于安全原因,JavaScript无法直接读取本地文件内容,但它可以通过HTML5的File ...

    JS上传图片大小验证.rar

    在JavaScript中,对用户上传的图片进行大小验证是常见的需求,尤其在网页应用中,确保图片大小在合理范围内可以优化加载速度,节省服务器资源。这个"JS上传图片大小验证.rar"压缩包可能包含了一个实现此类功能的示例...

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

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

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

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

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

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

    JS控制图片上传大小

    本文将深入探讨如何使用JavaScript(JS)来控制图片上传的大小,确保用户上传的图片符合预设的标准。 一、图片上传前的前端验证 在用户提交图片之前,前端验证是最直接的控制方式。可以使用HTML5的`FileReader API...

    js控制上传图片的大小

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

    js获取文件大小

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

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

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

    js验证上传文件大小

    本文将详细讲解如何使用JavaScript(简称JS)来验证上传文件的大小。 JavaScript是一种运行在客户端的脚本语言,它可以用于处理用户输入、验证表单数据以及与服务器交互等多种任务。验证上传文件大小是其中一项重要...

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

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

    上传图片格式大小检测

    在前端,可以通过JavaScript的File API来检测文件的类型,如`file.type`属性可以获取到MIME类型,进而判断图片格式。 其次,图片大小的检测主要是为了防止过大文件导致服务器压力增大或者内存溢出。前端通常会限制...

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

    - 配合JavaScript(例如jQuery或Vue.js)监听上传事件,与后端保持通信,实时更新进度条状态。 4. **进度条组件** - 常见的前端进度条组件有Bootstrap的`progress-bar`,或者自定义CSS样式来创建。 - 接收到后端...

    javascript 获取图像信息

    根据给定文件中的标题、描述、标签以及部分内容,我们可以总结出以下有关JavaScript获取图像信息的知识点: ### 一、概述 在Web开发中,经常需要处理用户上传的图像文件,例如验证图像格式是否合法、获取图像尺寸...

Global site tag (gtag.js) - Google Analytics