js能不能获取图片的大小-CSDN论坛

js能不能获取图片的大小

Web 开发 > JavaScript

收藏回复

[问题点数：50分，结帖人maoyuanjun201]

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0 结帖率 90.48%: 最近做项目的时候，遇到个问题：就是用表单上传图片到后台的时候，是将图片的路径保存到数据库中，但是上传之前，要先对图片的格式和大小做校验，图片的格式很容易判断，但是图片的大小不知道怎么判断好？我想的方法是，在后台用java判断图片的大小，在传到前台可以进行判断，但我觉得这不是一种很好的方法吧？js有什么方法直接判断图片的大小呢？求高手指教，拜谢！！！

2012-09-16 18:24:28

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅求一些高质量的前端技术博客 ⋅求大神指点火狐下的一个问题。 ⋅求大神指点一下XML解析的问题！ 更多帖子 关注私信空间博客 张运领 等级 本版专家分：14820 勋章 黄花 2014年1月 Web 开发大版内专家分月排行榜第二 2013年12月 Web 开发大版内专家分月排行榜第二: var new_image = new Image();
new_image.src = document.getElementById("a").src;
alert(new_image.width);

试试哦~~

2012-09-16 19:11:14

点赞 2 只看TA 引用举报 #1得分 10

⋅纯js 连连看实现原理及问题 ⋅纯js 消灭星星游戏实现原理及问题 ⋅纯js2048游戏，2018游戏实现原理，有道具的2048游戏 更多帖子 关注私信空间博客 hch126163 等级 本版专家分：43132 勋章 黄花 2010年12月 Web 开发大版内专家分月排行榜第二 2010年11月 Web 开发大版内专家分月排行榜第二: 文件大小？
浏览器默认不允许js 执行IO操作。js 获取不到文件大小。可以用插件

还是尺寸？
var img = new Image();
img.onload=function(){
alert(img.width +" "+img.height);
};
img.src="网址";

2012-09-17 12:25:21

点赞只看TA 引用举报 #2得分 5

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0: 引用 2 楼的回复:
文件大小？
浏览器默认不允许js 执行IO操作。js 获取不到文件大小。可以用插件

还是尺寸？
var img = new Image();
img.onload=function(){
alert(img.width +" "+img.height);
};
img.src="网址";

首先，很感谢你的帮助，我的意思是：比如一张图片的大小是150K，我就是想知道用js能不能获得这个图片的大小为150K，而不是图片原来有的属性height和width，希望能再次给我回复，先谢谢啦！

2012-09-17 12:28:45

点赞只看TA 引用举报 #3得分 0

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0: 引用 1 楼的回复:
var new_image = new Image();
new_image.src = document.getElementById("a").src;
alert(new_image.width);

试试哦~~

谢谢你啦，但是我想要获取的是图片大小，比如说是150K，js能不能实现呢？

2012-09-17 12:29:37

点赞只看TA 引用举报 #4得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 格桑花 等级 本版专家分：216



<script language="javascript">



    var img = document.getElementByid("img");//通过ID获取IMG元素



    var image = new Image();//new一个image对象



    image.src=img.src;



    //获取尺寸



    image.width;//宽



    image.height;//高



    //获取大小



    image.onreadystatechange = function ()

{

       if (image.readyState == "complete")

       {

         initFileSize=image.fileSize;

        var fileSize=Math.ceil(initFileSize/1024);

         imgSize.innerHTML="尺寸："+img.height+"×"+img.width+" "+fileSize+"k";

        }

    }



</script>

试下这个

2012-09-17 12:37:42

点赞只看TA 引用举报 #5得分 10

⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅谁有echarts世界地图world.js文件啊，需要俄罗斯版块连一起的 ⋅给老曹新网站推荐好域名 更多帖子 关注私信空间博客 版主 没落的网站支付宝加好友偷能量挖 等级 本版专家分：395965 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二: js一般无法验证，能运行的兼容性都不怎么样，一般是上传到服务器再验证，或者使用flash
参考：flash无刷新上传文件1

2012-09-17 13:55:48

点赞只看TA 引用举报 #6得分 20

⋅哈哈哈我胡汉三又回来了 ⋅诚交女友哦不城交基友哦NO 城交好朋友 ⋅火热篮球第二季……【北京】【回龙观体育公园】【IT男】【周末】 更多帖子 关注私信空间博客 十四月的清晨 等级 本版专家分：7: 楼上是正解，如果要判断大小，一般都用flash

2012-09-17 14:09:19

点赞只看TA 引用举报 #7得分 5

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0: 引用 5 楼  的回复:
JScript code

<script language="javascript">

    var img = document.getElementByid("img");//通过ID获取IMG元素

    var image = new Image();//new一个image对象

    image.src=img.src;

    //获取尺寸

    image.wi……

谢谢你的帮助哈，我试了下，还是获取不到图片的大小。。。

2012-09-18 20:02:52

点赞只看TA 引用举报 #8得分 0

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0: 引用 6 楼的回复:
js一般无法验证，能运行的兼容性都不怎么样，一般是上传到服务器再验证，或者使用flash
参考：flash无刷新上传文件1

谢谢你的帮助，我又学到了一招，但是我觉得还是用后台处理的方法比较好，这样导入flash文件，人为的增加了整个工程的大小，呵呵

2012-09-18 20:09:14

点赞只看TA 引用举报 #9得分 0

⋅求昨天凌晨1点到今天凌晨1点的SQL语句 ⋅关于jQuery工具中sub()函数的理解 ⋅html和xhtml之间的区别为什么在浏览器中没有作用 更多帖子 关注私信空间博客 maoyuanjun201 等级 本版专家分：0: 引用 7 楼的回复:
楼上是正解，如果要判断大小，一般都用flash

呵呵，谢谢你的帮助啦，我觉得还是用后台处理的方法比较好。。。

2012-09-18 20:09:52

点赞只看TA 引用举报 #10得分 0

收起

收藏回复

maoyuanjun201

等级：

关注私信 TA的帖子

如何用JavaScript在浏览器端获取图片的原始尺寸大小？: 今天在网上冲浪时，看到一篇文章，我只选择主要的粘下来，留作后用： var img = $(“#img_id”); // Get my img elem var pic_real_width, pic_real_height; $(“<img/>”).attr(“src”, ...

JAVASCRIPT 获取图片大小(转): 如何通过图象的URL获得图象的大小（width,height）是问题的关键，我便到网上去搜索能否用javascript编写图象等比例缩放，找到《自适应图片大小的弹出窗口》一文，页面效果为，单击文本超链接后，页面弹出一个新窗口...

JAVASCRIPT　获取图片大小: 前不久，我为单位开发了一个教学科研网站，采用新闻管理系统，首页上新闻栏目中，需要从数据库中调用图片文件作为图片新闻中的图片，从而形成文字绕排形式。由于整个系统包括新闻上传、新闻编辑、系统公告等都是动态...

js获取网页中图片的原始尺寸宽高: 当这个img标签没有被任何的css代码所作用时，我们使用jquery的width()方法或者js的innerWidth属性，获取到的值就是2.jpg的真实的宽。 $("#img1").width();//945px 但是当我在网页中增加了css代码： #img1{ max-...

js上传图片并获取上传图片的大小: 网上关于上传图片的代码有很多，但是获取上传图片大小这里，我曾经找了很久，发现很多文章的方法都不能实现，现在将解决问题后的代码拿出来，供大家参考，少走弯路。 html代码添加上传图片的标签很简单，只需要...

04 JS通过图片连接获取图片的尺寸大小: 在实现这个需求的时候，需要获取到不同图片的尺寸大小，关于图片的尺寸大小后台是没有返回的，只有通过前端去获取，下面介绍下如何获取。解决方法 1、通过查阅资料，找到了下面这种切实可行的方法。其实就是...

JS获取图片的原始尺寸和上传图片大小: JS获取图片的原始尺寸一、html5 中新的naturalWidth和naturalHeight属性在HTML 5中，新增加了两个用来判断图片的宽度和高度的属性，分别为naturalWidth 和 naturalHeight属性，例子如下：var myimage = document....

JS 获取链接(link)图片的大小or体积: 最近PD小姐姐又有了新的需求，是获取图片的大小，不能超过1M可是我查遍了全网的都是讲获取宽高的，宽高我知道，直接onload就可以获取了，那么体积怎么获取呐？后来，搜到一个英文问题，解决了体积的问题，但是感觉...

JS获取图片文件大小 js获取response header信息: 如果是对本地图片获取大小，看这里：js实现上传图片类型+大小+尺寸验证 ---------------------------------------------------------------------------- 主要参考：【OSS最佳实践】浅谈OSS跨域功能 <--...

js获取上传图片真实的尺寸大小和存储大小: </pre><pre name="code" class="html"><input id="file" type="file"> <input id="Button1" type="button" value="button" onclick="check()"> <script> window.check=function()...v...

javascript 快速获取图片实际大小的宽高: javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式// 图片地址 var img_url = '13643608813441.jpg'// 创建对象 var img = new Image()// 改变图片的src img.src = img_url// 打印 alert('width:'...

基于JavaScript获取base64图片大小: base64原理 Base64编码要求把3个8位字节（38=24）转化为4个6位的字节（46=24），之后在6位的...如何获取base64图片大小通过base64编码原理我们知道，base64的图片字符流中的每8个字符就有两个是用0补充，而且字符...

JS获取本地图片和网络图片的宽高尺寸和存储大小: 作为前端开发人员，操作图片的场景非常多，本文记录读取本地图片的尺寸和容量，已经获取网络图片的尺寸和容量。读取本地图片 html <input type="file" onChange={(e)=>{this.onChange(e)}} className={...

js获取图片原始尺寸: js获取图片原始尺寸：代码： function getImageInfo(url, callback) { var img = new Image(); img.src = url; if (img.complete) { // 如果图片被缓存，则直接返回缓存数据 callback(img.width...

js获取图片真实大小: var img = new Image(); img.onload = function () { //图片加载完成 var tempZoom = clientWidth / img.width; if (myZoom > tempZoom) myZoom =

JavaScript上传图片的方法判断图片的格式和大小、获取图片的base64编码: function imgChange(e) { var dom = $("input[id^='getImg']")[0]; var photoExt = dom.value;.../.(gif|jpg|jpeg|png|GIF|JPG|png|BMP|bmp)$/.test(photoExt)) { //判断上传图片是否符合格式 aler

node.js实现图片裁剪+获取图片大小+加logo水印: 1、在webstorm中装npm install images插件代码如下： var fs = require("fs"); var images=require('images'); router.get('/zipFile',function (req,res,next) { ...//生成的图片 var source

JS获取上传图片的尺寸和大小: 最近工作要用到上传文件时限制上传图片大小这个功能，于是开始找类似的文章，看了很多东西，最后结果到也还可以。目前来说，谷歌，火狐，IE系列的7,8,9都已经过测试，可以获取到上传图片的原尺寸。接下来上代码...

js 获取图片尺寸 Image对象取图片尺寸 Image对象: 直接获取尺寸 <img src="/img.png" class="image">...间接获取图片尺寸 MDN文档 Image 通过Image对象 <img src="/img.png" class="image"> let image = document.querySelector("img"); imag

js获取图片的真实大小，字节大小: 在我们上传文件的时候，很多时候都要对他做限制，那么怎么在文件上传的时候，就获得这个文件的大小呢?至少在js前台有一个判断的时候，就不会给后台...script type="text/javascript" src="jquery.js"></scrip...

分享一个js获取图片分辨率的方法。亲测，好用！！！: 首先，大部分人和网上能搜索到的获取图片分辨率或尺寸的方法，应该都是这样： let url = 'url'; function getUrlInfo(url) { let image = new Image(); let w,h; image.src = url; // 如果有缓存，读缓存 ...

JS上传图片时获取图片的尺寸: 上传图片时获取图片的尺寸图片上传目前主流的第三方插件都会提供Upload组件，也就是我们常说的文件上传插件，例如Element antd 等，他们都提供了beforeUpload ，用于做文件上传前的文件检查，比如说文件大小是否...

JS获取图片/图像文件大小的代码: JS获取图片/图像文件大小的代码时间:2013-01-21 12:19来源:未知作者:ken 点击: 186 次经测试兼容ie6，ie7，ie8 ，Google Chrome，ff等浏览器都可以用，不过只判断图片文件的大小。 var ImgObj=new ...

js获取图片真实尺寸 - 代码篇: js获取图片真实尺寸 - 代码篇代码案例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=...

javascript获取图片大小和尺寸: var img = document.getElementByid("img");//通过ID获取IMG元素 var image = new Image();//new一个image对象 image.src=img.src; //获取尺寸 image.width;//宽 image.height;... //获取大小 image

获取图片的大小(KB): NSData * imageData = UIImageJPEGRepresentation(image,1);length = [imageData length]/1000; 或者是1024,不过1000稍微精准转载于:https://www.cnblogs.com/haotianToch/p/6797744.html

js上传图片获取原始宽高: 以vue上传图片为例： <template> <div> <input type="file" @change="uploadFile($event)" multiple="multiple" /> </div&...

Vue elementui 上传前获取图片宽度尺寸和大小: Vue elementui 上传前获取图片宽度尺寸和大小项目中用到elementui上传组件，但是before-upload钩子函数中file参数只能拿到文件名字和大小，如果是图片就拿不到图片的宽高，不符合目前的需求，所以采用如下方式进行...

js获取图片的坐标: 废话不多说，上代码 <img src="toImage.action" name="npcImg" id="npcImg"... 下面是javascript部分//点击图片， 获取图片上对应的坐标,这个坐标y轴是反着的，应该是

JS兼容IE和其它浏览器获取图片大小和预览的实现: JS兼容IE和其它浏览器支持获取图片大小和预览的实现，直接看代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> JS兼容IE和...

相关热词 c# panel边框 c#调用dll报错 c# 编写dll c# dll修复工具 c# timer 多线程 c# 发送邮件带图片 c# 集合怎么赋值画笔c# c# int数组传给c c#sql语句拼接