주제: 이미지 미리보기 Javascript 질문있습니다.
안녕하세요....문제점을 찾다찾아 도달하게되었는데요...
IE7,
.NetFrameWork3.5,
툴은 VS2008을 사용중입니다.
<script type="text/javascript">
function imgView(LocalPathFileName) {
var Obj = document.getElementById("Image1");
var Obj2 = document.getElementById("<%= Image2.ClientID %>");
Obj.src = "file://" + LocalPathFileName;
Obj2.src = "file://" + LocalPathFileName;
alert("Image1" + " " + Obj.src);
alert("Image2" + Obj2.src);
}
</script>
와 같은 스크립트를 추가하였으며,
FileUpload1.Attributes.Add("onchange", "javascript:imgView(this.value);"); 을이용해서 자바스크립트를 실행하고있습니다.
로컬에있는 이미지파일 선택시에 미리보기 구현을 하려고했는데 이미지가 보여지는게있으며 보여지지않는게있습니다....
img태그에 Alert로 확인시에 Url값은 똑같이 들어오고있습니다.
그리고 메모장에서의
<html>
<head><META http-equiv="X-UA-Compatible" content="IE-EmulateIE7"/>
<script language=javascript>
function imgView(){
var Obj = document.getElementById("Image1");
var obj2 = document.getElementById("ImgFile");
Obj.src = "file://" + obj2.value;
alert(Obj.src);
}
</script>
</head>
<body>
<center>
<table>
<tr>
<td>
<img id="Image1">
</td>
</tr>
<tr>
<td>
<input type="file" id="ImgFile" onchange="javascript:imgView()">
</td>
</tr>
</table>
</center>
</body>
</html>
HTML파일로는 정상동작을 합니다..
원인을 아신다면 저에게 단비같은 가르침을 내려주세요...
