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方法