日期:2014-05-18  浏览次数:21036 次

FileUpload上传头像图片
就是想用FileUpload选择图片,然后在Image里显示出图片(此时未将图片上传到服务器)

JS这么写的
<script language="javascript" type="text/javascript">
  function change() { 
  var fileName = document.getElementById("FileUpload1").value; 
  if (fileName == "") 
  return; 
  var exName = fileName.substr(fileName.lastIndexOf(".") + 1).toUpperCase() 
  if (exName == "JPG" || exName == "BMP" || exName == "GIF") { 
  document.getElementById("Image1").src = fileName; 
  } 
  else { 
  alert("请选择正确的图片文件"); 
  document.getElementById("FileUpload1").value = ""; 
  } 
  } 
</script>

控件这么写的
<asp:Image ID="Image1" runat="server" alt='' Width="345px" Height="300px" />
<asp:FileUpload ID="FileUpload1" runat="server" CssClass="fSize" onchange="change()" />

选择了图片之后,提示:document.getElementById(...)' 为空或不是对象
我看ID名也没写错啊?有帖子说在script标签里加上defer="true",我这只有defer="defer",加上之后确实不报错了,可是图片依旧没出来

顺便求解:
1、onchange和onpropertychange差很多么?差在哪
2、FileUpload的文本框和浏览按钮怎么修改样式
3、image能否规定个最大长或宽之后,把图片按原比例扩大或缩小呢?这个问题貌似有点麻烦是吧?


各位大大帮帮忙!灰常灰常感谢大家……这个分数一贴最多就只能给100么?

------解决方案--------------------
区别
http://wenku.baidu.com/view/22c4e70eba1aa8114431d911.html
------解决方案--------------------
http://dotnet.aspx.cc/file/Multi-Files-Upload-With-Preview.aspx
老大帖子 百试不爽
------解决方案--------------------
js预览图片不是所有的浏览器都支持的。
你可以采用Flash预览,或者采用上面的url方法