일반적으로 파일을 업로드할 때 파일 컨트롤을 사용하는데, 페이지가 새로 고쳐지는 경우가 있는데, 이로 인해 파일 컨트롤이 지워지는 경우가 있는데 보안상의 이유로 불가능합니다. 그러면 새로 고치지 않고 미리 보는 방법은 무엇입니까? 제가 사용한 방법을 적어보겠습니다. 페이지 선택: 코드 복사 코드는 다음과 같습니다. <br>function checkData() <br>{ <br>var fileName=document.getElementById("FileUp").value <br>if(fileName==" ") <br>return; <br>//파일 형식 확인<br>var exName=fileName.substr(fileName.lastIndexOf(".") 1).toUpperCase() <br>if(exName=="JPG "||exName ==="BMP"||exName=="GIF") <br>{ <br>//document.getElementById("myimg").src=fileName; <br>document.getElementById("previewImage ").innerHTML= '<img src='' fileName '' 너비=100 높이=100 >'; <br>} <br>else <br>if(exName=="SWF") <br>{ <br>document.getElementById("previewImage").innerHTML='<embed src='' fileName '' width='100' height='100' quality='high' bgcolor='#f5f5f5' >< /embed>'; <br>} <br>else <br>if(exName=="WMV"||exName=="MPEG"||exName=="ASF"||exName=="AVI") <br>{ <br>var strcode='<embed src='' fileName '' border='0' width='100' height='100' quality='high' ' <BR>strcode =' autoStart= '1' playCount= '0' 활성화ContextMenu='0' type='application/x-mplayer2'></embed>' <br>document.getElementById("previewImage").innerHTML=strcode <br> } <br>else <br>{ <br>alert("올바른 이미지 파일을 선택하세요") <br>document.getElementById("FileUp").value="" <br>} <br>} <br>function openwin( ) <br>{ <br>window.open("addPreview.aspx","","height=300,width=345,top=100,left=100") <br>} <br></ script><br> </div> <br><strong>HTML 코드: </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="56230" class="copybut" id="copybut56230" onclick="doCopy('code56230')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code56230"> <br><table border="0" cellpadding="0"cellspacing="0" width="100%" height="100%" ID="Table1 "> <br>< tr> <br><td width="255" height="100%" valign="middle"> <br><INPUT id="FileUp" style="WIDTH: 253px; HEIGHT: 22px" type= "file" size="23" name="File1" <BR>runat="server" onchange="checkData()"><br> <br>참고: 사진(jpg 또는 gif 형식), 플래시 애니메이션(swf) 및 비디오 파일(wmv, mpeg, asf, avi). 크기는 1M로 제한됩니다. <br></td> <br><td> <br><div id="previewImage">현재 페이지 미리보기</div> <br></ tr> ; <br></table> <br><br> </div> <br>미리보기 페이지 팝업: <strong><br></strong><div class="codetitle"><span><a style="CURSOR: pointer" data="34204" class="copybut" id="copybut34204" onclick="doCopy('code34204')">코드 복사<u> 🎜></u> 코드는 다음과 같습니다. </a></span></div><script 언어="javascript"> <div class="codebody" id="code34204">function getstr() <br>{ <br>var strcode=""; <br> var width=100; <br>var high=100; <br>if(self.opener.document.getElementById("FileUp")!=null) <br>{ <br>//strcode=self. opener.document .getElementById("previewImage").innerHTML; <br>width=self.opener.document.getElementById("lblWidth").innerText; <br>high=self.opener.document.getElementById("lblHigh") .innerText; <br>var fileName=self.opener.document.getElementById("FileUp").value; <br>var exName=fileName.substr(fileName.lastIndexOf(".") 1).toUpperCase() <br>if( exName=="JPG"||exName=="BMP"||exName=="GIF") <br>{ <br>//document.getElementById("myimg").src=fileName <br>strcode= '<img src='' fileName '' width=' width ' height=' high ' >' <br>} <br>else <br>if(exName=="SWF") <br>{ <br>strcode='<embed src='' fileName '' 너비='' 너비 '' height='' 높음 '' quality='high' ></embed>' <br>} <br> else <br>if(exName=="WMV"||exName=="MPEG"||exName=="ASF"||exName=="AVI") <br>{ <br>strcode=' <embed src='' fileName '' border='0' 너비='' 너비 '' height='' 높음 '' quality='high' ' <BR>strcode =' autoStart='1' playCount='; 0' 활성화ContextMenu ='0' 유형='application/x-mplayer2'></embed>' <br>} <br>} <br>if(self.opener.document.getElementById("txtADCode") !=null ) <br>{ <br>strcode=self.opener.document.getElementById("txtADCode").innerHTML; <br>} <br>if(strcode!="") <br>{ <br> //window .alert(fileName); <br>document.getElementById("showimg").innerHTML=strcode; <br>} <br>} <br>디스플레이: 코드 복사 코드는 다음과 같습니다. < ;div id="showimg">
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
