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獲取圖片文件尺寸相關的資料

友情鏈接