CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
山寨机中的战斗机! 程序优化工程师到底对IT界有没有贡献
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

如何得知图片的类型和长宽,高手请入

楼主RedSunMan(红色骄阳)2004-02-01 14:46:50 在 Web 开发 / JavaScript 提问

<html>  
  <script   language=javascript>  
  function   aaa()  
  {  
      alert(as.FILE1.value);  
      var   imgNamePath=as.FILE1.value;  
      as.divname.innerHtml="<img   border="0"   src="file:///"+imgNamePath+"   width="800"   height="600">";  
  }  
  </script>  
  <body>  
  <form   name="as">  
  <table   width="75%"   border="1"   align="center">  
          <tr>  
              <td><div   align="center">1、  
                      <input   type="FILE"   name="FILE1"   size="30">  
                  </div></td>  
                  <td>  
                  <div   name="divname">  
                  插入图片的地方  
                  </div>  
                  </td>  
          </tr>  
  </table>  
  <input   type=button   value=取得图片   onclick='aaa()'>  
  </form>  
  </body>  
  </html>  
  我通过点击“取得图片”按钮后得出FILE1的存放图片的路径,然后我想在函数  
  aaa()中获取该图片的大小并判断是否符合要求(长宽和是否是gif图片),如果符合要求则用innerHtml方法插入一张图片在<div   name="divname"></div>,不符合要求的就弹出一个错误提示对话框  
  不知道这样是否可行呢!请高手指点!!! 问题点数:38、回复次数:5Top

1 楼wxlada(绿茶)回复于 2004-02-01 15:07:43 得分 8

一般图片需要提交的时候,才可以获取图片的信息去判断操作的。在客户端,我以为,这个图片还不属于此document的某个对象,应该获取不到任何信息的。(除了其文件路径)  
   
  这仅仅是我个人认为,如果有高手认为可以的,虚心学习中。Top

2 楼meizz(梅花雪)回复于 2004-02-01 15:58:53 得分 10

用一个<img>作为过渡,   可以得到图片类型的文件宽高,   可以传递到后台:  
  <input   onchange="with(document.images['meizz']){src   =   value;   style.display=''}"   type=file>  
  <img   onload="alert(clientWidth   +'\n'+   clientHeight);   style.display='none'"  
    border=0   id=meizz   style="display:   none">Top

3 楼suhuoqiang(小心女人.Net)回复于 2004-02-01 17:46:34 得分 10

Imports   System.Drawing.Imaging  
   
    Dim   myimage   As   System.Drawing.Image  
                  Dim   mywidth   As   Int16  
                  Dim   myheight   As   Int16  
  myimage   =   System.Drawing.Image.FromFile(filename)  
                          mywidth   =   myimage.Width  
                          myheight   =   myimage.Height  
  response.write   "<img   src="&filename   &   "   width="   &   mywidth   &   "   height="   &   height   &   "/>"  
              myimage.Dispose()Top

4 楼seeu1688(kangel)回复于 2004-02-01 21:34:19 得分 10

do   as   follow:  
   
  <BODY>  
  <SCRIPT   LANGUAGE="JavaScript">  
  function   loadPic(pic)  
  {  
  if   (!pic)  
  return   false;  
   
  var   oImg   =   new   Image;  
  oImg.src   =   pic;  
   
  var   MAX_HEIGHT   =   300;  
  var   MAX_WIDTH   =   400;  
   
  if   (pic.toUpperCase().indexOf('GIF')   ==   -1)  
  {  
  alert("Not   GIF   format");  
  divname.innerHTML   =   '';  
  return   false;  
  }  
   
  if   (oImg.width   >   MAX_HEIGHT   ||   oImg.height   >   MAX_WIDTH)  
  {  
  alert("Width("   +   oImg.width   +   ")   or   Height("   +   oImg.height   +   ")   of   Pic\n     get   OVER   the   limit("   +   MAX_WIDTH   +   '/'   +   MAX_HEIGHT);  
  divname.innerHTML   =   '';  
  return   false;  
  }  
   
  divname.insertAdjacentHTML('afterBegin',   "<img   border=0   src='"   +   pic   +   "'   width='"   +   oImg.width   +   "'   height='"+oImg.height+"'   border=0   onerror='alert(&quot;"   +   pic   +   "   couldn't   be   loaded&quot;);this.style.display=&quot;none&quot;'>");  
   
  }  
  </SCRIPT>  
  Picture   Requirement:<BR>  
  1.Format   must   be   "GIF"   <BR>  
  2.Height   not   run   over   400,   Width   not   300<BR>  
   
  <input   onchange="loadPic(this.value)"   type=file>  
  <div   id="divname"></div>  
  </BODY>Top

5 楼lonelydreamsym(惊梦)回复于 2004-02-01 22:31:49 得分 0

用VBScript怎么实现??Top

相关问题

  • 图片转换格式(固定长宽)
  • 如何获取图片(jpg)的长宽高
  • 怎么得到一个图片文件的长、宽、及大小?
  • 关于去图片的长宽的问题
  • 怎样在客户端获取上传图片的长宽?
  • 怎样同时压缩图片的大小和长宽。
  • 问个问题,化境上传图片 如何限制图片的长宽
  • 图片用什么类型?
  • 往数据库上传图片的时候怎么获得图片的长宽?(100分全给)
  • 上传图片时,我用javascript取出图片的长宽,怎么延时,才可以取出正确的

关键词

得分解答快速导航

  • 帖主:RedSunMan
  • wxlada
  • meizz
  • suhuoqiang
  • seeu1688

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo