上传图片如何怎样在上传前进行预览?每次上传就必须要进行后台访问吗?有没有别的办法??
IE和FF可以用,但是google和safari就不行了?如何解决这个兼容问题呀?
用flash上传组件可以办到
搞个img控件预览一下就是的了。
<html>
<head>
<script language="javascript">
function changeImg(valueTemp) {
document.getElementById("<%=img.ClientID %>").src = valueTemp;
}
</script>
</head>
<body>
<asp:Image runat="server" ID="img" />
<asp:fileimgupload runat="server" onpropertychange="changeImg(this.value)" />
</body>
</html>
这个还真不知怎么用呢
get file input full path
代码。。。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>get file input full path</title> <script type="text/javascript" language='javascript'> function getFullPath(obj) { var newPreview = document.getElementById("img"); if (obj) { //ie if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);"; newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text; return; } //firefox else if (window.navigator.userAgent.indexOf("Firefox") >= 1) { if (obj.files) { newPreview.src = window.URL.createObjectURL(obj.files.item(0)); return; } newPreview.src = obj.value; return; } newPreview.src = obj.value; return; } } </script> </head> <body> <input type="file" onchange="getFullPath(this);" /> <img id="img" alt="" style="width:200px; height:200px;" src="你自己的透明图片"/> </body> </html>
嗯,谢谢!还有,它怎么才能支持所有的浏览器呢?
有时浏览器不兼容!