首頁 > 建站 > 前端技術

js獲取圖片尺寸與圖片大小寬度

來源：互聯網
上載者：User
關鍵字 網頁製作 Ajax JavaScript
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

js獲取圖片尺寸與圖片大小寬度
這是一款利用了js獲取圖片尺寸與圖片大小寬度哦，第一款實例可以獲取圖片大小，第二款根據圖片大小彈出一個同樣大小的預覽視窗。
<script   language=網頁特效>

  function   index_image_valid(){  


  document.pho_up.indeximg.src=document.pho_up.pho_index.value;  


  imagewidth=document.pho_up.indeximg.width;  


  imageheigth=document.pho_up.indeximg.height;  


  alert   ("寬："+imagewidth+"n高:"+imageheigth);  


  }  


  &lt;/script&gt;  


  &lt;/head&gt;  


  &lt;form   name="pho_up"   method="post"   enctype="multipart/form-data"&gt;  


&lt;input   type="file"   name="pho_index"   size="20"   class=input   onchange="javascript:index_image_valid();" &gt;    


  &lt;img   name=indeximg&gt;  


  &lt;/form&gt;



方法二

  <html>
<head>
<title>顯示圖片尺寸</title>
<script language="javascript" >
<!--
function preview(src)
{
newwindow =window.open('','newwindow','menubar=0,toolbar=0, location=0,directories=0,status=0,scrollbars=0,resizable=1');
newwindow.document.open();
newwindow.document.write('<html><body bgcolor="#cccccc">');
newwindow.document.write('<div align="center"><img src="'+src+'" name="img"></div><br >');
width = newwindow.document.images['img'].width;
height = newwindow.document.images['img'].height;
newwindow.document.write('檔尺寸;' +width+'*'+height);
if (width>100 && height>100)
      newwindow.resizeto(width+100, height+100);
else
      newwindow.resizeto(300,300);
}
//-->
</script>
</head>

<body>
<p align="center">檔位置
<input type="file" name="newsimage" onchange="javascript:preview(this.value)">
</p>
</body>
</html>

php教程
<?

$arr=getimagesize("images/album_01.gif");


echo $arr[3];


$strarr=explode(""",$arr[3]);


echo $strarr[1];


?>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
include js in js import js to js js include js js fundamentals w3 js js matrix js mod
相關文章
輸入框自動適應寬度
讓IE支援CSS3圓角的方法
css position用法與導致頁面變形js處理方法
CSS實現的透明效果
IE8中text-align:center偏左的解決辦法
DIV+CSS還能走多遠

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More