js获取图片文件尺寸_js 如何获取上传文件的大小

① 在js中图片的真实尺寸是如何获取的

varpic=newImage();

pic.src=;

pic.onload=function(){

console.log(pic.width);

}

② 如何通过js获取上传文件尺寸

<inputid="file_Up"name="file_Up"type="file"onchange="getFileSize(this.value)"/>
<inputid="sub_Import"type="submit"value="导入"/>
js中functiongetFileSize(){
varbtnsave=document.getElementById("sub_Import");
btnsave.disabled=true;
varfilepath="";
varfileupload=document.getElementById("file_Up");
if(fileupload.value.length<5){
alert('请选择文件！');
return;
}
varagent=window.navigator.userAgent;
if(agent.indexOf("Firefox")>=1){
varmaxsize=4*1024*1024;
varsize=fileupload.files[0].size;
if(size>parseInt(maxsize)){
alert("文件超过大小！");
returnfalse;
}
else{
btnsave.disabled=false;
returntrue;
}

}
else{
fileupload.select();
fileupload.blur();
filepath=document.selection.createRange().text;
try{
varfso,f,fname,fsize;
varflength=4*1024;//设置上传的文件最大值（单位：kb），超过此值则不上传。
fso=newActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(filepath);//文件的物理路径
fname=fso.GetFileName(filepath);//文件名（包括扩展名）
fsize=f.Size;//文件大小（bit）
fsize=fsize/1024;
//去掉注释，可以测试
alert("文件路径："+f);
alert("文件名："+fname);
alert("文件大小："+fsize+"kb");
if(fsize>flength){
alert("上传的文件到小为："+fsize+"kb,
超过最大限度"+flength+"kb,不允许上传");
returnfalse;
}
else{
btnsave.disabled=false;
returntrue;
}
}catch(e){
alert(e+"
跳出此消息框，是由于你的activex控件没有设置好,
"+
"你可以在浏览器菜单栏上依次选择
"+
"工具->internet选项->"安全"选项卡->自定义级别,
"+
"打开"安全设置"对话框，把"对没有标记为安全的
"+
"ActiveX控件进行初始化和脚本运行"，改为"启动"即可");
returnfalse;
}
}

}

③ JS获取图片大小（长宽）问题

可以配合JS来实现获到本地磁盘图片文件的相关属性，请参照天南（QQ：46926125）提供的DEMO： ##Code##
<script language="javascript">
function insertTitle(tValue){
var t1 = tValue.lastIndexOf("\\");
var t2 = tValue.lastIndexOf(".");
if(t1 >= 0 && t1 < t2 && t1 < tValue.length){
document.getElementById("pTitle").value = tValue;
document.getElementById("pTitlel").value = tValue.substring(t1 +1);
document.getElementById('guo').innerHTML="<img id='demo_img' src='"+tValue+"' />"
document.getElementById('imgc_width').value=document.getElementById('demo_img').width;
document.getElementById('imgc_height').value=document.getElementById('demo_img').height;
}
}
</script>
<form action="" method="get" onSubmit="return false;">
<input type="text" name="pTitle">
<input type="text" name="pTitlel">
<input type="file" name="pFile" onChange="if(this.value){insertTitle(this.value)};">
<input type="submit" value="submit">
</form>

图片宽：<input type="text" id="imgc_width" />px

图片高：<input type="text" id="imgc_height" />px

<hr />
<div id="guo"></div>

④ js怎么获取图片的尺寸和大小并显示在html 里

（1）varimg=document.getElementById("img");
varwidth=img.getAttribute("width");
varheight=img.getAttribute("height");
document.getElementById("html").innerHTML("宽度:"+width,"高度:"+height);
（2）上述img为图片的id,html为需内要现在容在某个位置的id

⑤ JS获取图片大小问题

<?
$arr=getimagesize("images/album_01.gif");
echo $arr[3];
$strarr=explode("\"",$arr[3]);
echo $strarr[1];
?>

<HTML>
<HEAD>
<TITLE>演示图片等比例缩小</TITLE>
<script>
function Wa_SetImgAutoSize(img)
{
//var img=document.all.img1;//获取图片
var MaxWidth=200;//设置图片宽度界限
var MaxHeight=100;//设置图片高度界限
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
alert("test"+img.offsetHeight+img.fileSize);
if(img.offsetHeight>1) alert(img.offsetHeight);
if(img.readyState!="complete"){
return false;//确保图片完全加载
}

if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}

function CheckImg(img)
{
var message="";
var MaxWidth=1;//设置图片宽度界限
var MaxHeight=1;//设置图片高度界限

if(img.readyState!="complete"){
return false;//确保图片完全加载
}
if(img.offsetHeight>MaxHeight) message+="\r高度超额："+img.offsetHeight;
if(img.offsetWidth>MaxWidth) message+="\r宽度超额："+img.offsetWidth;
if(message!="") alert(message);
}
</script>
</HEAD>
<BODY>
<img src="images/frequency.gif" border=0 id="img1" onload="CheckImg(this);">
<br>
<input id=inp type="file" onpropertychange="img1.src=this.value;">
</BODY>
</HTML>

⑥ js 如何获取上传文件的大小

HTML中input标签有个类型是file。这个是可以上传文件使用的。你可以直版接操作这个标签的size来获取文件的大小。
可通过下面的权方式
html代码：

js代码：
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小，单位为字节B

⑦ js 中，已知图片路径，怎么获取图片的大小，不是宽高，是大小（多少k那种）

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<input type="file" id="fs" onchange="getFileSize()"/>
</body>

<script type="text/javascript">

function getFileSize(){ var file = document.getElementById("fs"); var size = file.files[0].size;
alert(size);
} </script>
</html>

⑧ js如何获取图片显示时的大小尺寸

给img添加加载事件，图像加载完成才能获取图片的尺寸。
html中添加回onload
function showSize(img){
alert(img.width);
alert(img.height);
}
<div style="width:100px;height:600px"><img src="1.jpg" onload="showSize(this)"></div>
或者答js代码中添加onload
let img=document.querySelector("div img");
img.onload = function() {
alert(img.height);
alert(img.width);
}

⑨ js获取上传图片的尺寸

你是怎么取得Image对象的宽度和高度的？用的image.style.width和image.style.height??
这两个只能获得显示在元素style属性中设置版的css样式。

用image对象是没错权的，
var image = new Image();
image.src = 你的图片路径;
document.body.appendChild(image);
image.onload = function(){
console.log(image.offsetWidth);

image.style.display = 'none';

}

这样可以获得图片的高度。记住一定得把图片加到页面上去，你可以取得高度之后马上隐藏他。

导航:首页 > 版本升级 > js获取图片文件尺寸

js获取图片文件尺寸

与js获取图片文件尺寸相关的资料

友情链接