이미지를 업로드하고 이미지를 미리 보면 업로드 후 이미지가 어떻게 보일지 알 수 있습니다. 이 기능은 js로 구현된 다음 fileupload 컨트롤의 변경 이벤트에서 호출되므로 다음을 사용하여 이미지가 선택됩니다. 파일을 업로드하면 이미지가 자동으로 표시됩니다. 기능은 매우 간단하지만 매우 실용적입니다. 미리보기 이미지용 js 코드: 코드 복사 코드는 다음과 같습니다. <br>function setImagePreview(docObj,localImagId,imgObjPreview) <br>{ <br>if(docObjfiles && docObjfiles[0]) <br>{ <br>//Firefox에서는 img 속성을 직접 설정합니다. <br>imgObjPreviewstyledisplay = 'block'; <br>imgObjPreviewstylewidth = '300px'; <br>imgObjPreviewstyleheight = '200px'// Firefox 7 이상에서 사용됩니다. 위의 getAsDataURL() 메소드에는 다음 메소드가 필요합니다: <br>imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[0]) <br>} <br>else <br>{ <br>//Under IE, 필터 사용 <br> docObjselect(); <br>var imgSrc = documentselectioncreateRange()text; 🎜>//사용자가 접미사를 수정하여 이미지를 위조하는 것을 방지하기 위한 비정상적인 캡처 <br><br>{ <br>localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)" <br>localImagIdfiltersitem("DXImageTransformMicrosoftAlphaImageLoader ")src = imgSrc; <br>} <br>catch(e) <br>{ <br>alert("업로드한 이미지 형식이 잘못되었습니다. 다시 선택해 주세요!"); <br>return false; <br>} <br>imgObjPreviewstyledisplay = 'none' ; <br>documentselectionempty(); <br>} <br>return true; >파일 업로드 제어 및 이미지 미리보기에 사용되는 이미지: <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.</div> <br> <br><div id="localImag" style="width: 300px; height: 200px"> <div class="codetitle"><img id="preview" alt="미리보기 이미지" src="//Images/noImagegif" width= "300px" height="200px" /> <span> </div> <a style="CURSOR: pointer" data="98866" class="copybut" id="copybut98866" onclick="doCopy('code98866')"><asp:FileUpload ID="PicLoad" Width="300px" runat="server" onchange="javascript:setImagePreview(this ,localImag,preview);"> <u>< /asp:FileUpload> </u></a> </span>함수도 매우 간단하고 코드도 이해하기 쉽습니다. 누구나 이해하실 수 있을 거라 믿습니다. 말도 안되는 소리를 해야 해요. 이렇게 글을 쓰다보니 별로 할 말이 없는 것 같아서 많이 말하지 않고 코드에만 집중하겠습니다.</div>