<div class="codetitle"> <span><a style="CURSOR: pointer" data="13100" class="copybut" id="copybut13100" onclick="doCopy('code13100')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code13100"> <br><div id="localImag">< img id= "preview" width="-1" height="-1" style="display:none" /></div> <br><asp:FileUpload ID="file_head" runat="서버 " onchange= "javascript:setImagePreview();" /> <br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="4814" class="copybut" id="copybut4814" onclick="doCopy('code4814')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. 다음:</div> <div class="codebody" id="code4814"> <br><script type="text/javascript"> <br>function setImagePreview() { <br>var docObj = document.getElementById("ctl00_ContentMain_file_head") <br>var fileName = docObj.value; <br>if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) { <br>alert('업로드한 이미지 형식이 잘못되었습니다. 다시 선택하세요!'); <br>return false <br>} <br><br>var imgObjPreview = document.getElementById("preview") <br>if (docObj.files && docObj.files[0]) { <br>//Firefox에서 img 속성 <br>imgObjPreview.style.display = 'block'; <br>imgObjPreview.style.width = '63px' <br>imgObjPreview.style.height = ' 63px';//imgObjPreview .src = docObj.files[0].getAsDataURL(); <br>if (window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator. userAgent.indexOf("Safari") > ;= 1) { <br>imgObjPreview.src = window.webkitURL.createObjectURL(docObj.files[0]) <br>} <br>else { <br>imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); <br>} <br>} else { <br>//IE에서는 필터 사용 <br>docObj.select() <br>docObj.blur (); <br>var imgSrc = document.selection.createRange().text; <br>var localImagId = document.getElementById("localImag"); <br>//초기 크기를 설정해야 합니다<br>localImagId. style.width = "63px"; <br>localImagId.style.height = "63px"; <br>//사용자가 이미지를 위조하기 위해 접미사를 수정하지 못하도록 이미지 예외 캡처<br>try { <br>localImagId.style .filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; <br>localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; 🎜>alert("업로드한 이미지가 해당 형식이 아닙니다. 다시 선택해주세요! "); <br>false를 반환합니다. <br>} <br>imgObjPreview.style.display = 'none'; <br>document.selection.empty(); <br>} <br>true를 반환합니다. <br> } <br><br></script> <br><br> <br>이 js는 360 브라우저 6.2가 Chrome 커널을 사용하기 때문에 360 브라우저의 이미지 표시 문제를 해결하며 <br> </div> <br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="82788" class="copybut" id="copybut82788" onclick="doCopy('code82788')"><u> 코드는 다음과 같습니다.</u></a> </span>window.URL.createObjectURL(docObj.files[0]) </div> <div class="codebody" id="code82788"> <br> Firefox에서만 인식할 수 있습니다. Chrome에서는 window.URL.createObjectURL을 인식하지 못합니다. 모두 Safari의 window.webkitURL.createObjectURL을 사용합니다.</div>