通常、ファイルをアップロードするにはファイル コントロールを使用しますが、その結果、ファイル コントロールがクリアされない、または値を再割り当てできないのではないかと尋ねられることがあります。では、更新せずにプレビューするにはどうすればよいでしょうか?ここで私が行った方法を書いておきます。 ページを選択: コードをコピー コードは次のとおりです: <br>function checkData() <br>{ <br>var fileName=document.getElementById("FileUp").value; ") <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 '' width=100 height=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'enableContextMenu='0' type='application/x-mplayer2'></embed>'; <br>document.getElementById("previewImage").innerHTML=strcode; } <br>else <br>{ <br>alert("正しい画像ファイルを選択してください"); <br>document.getElementById("FileUp").value=""; <br>} <br>} <br>関数 openwin( ) <br>{ <br>window.open("addPreview.aspx","","height=300,width=345,top=100,left=100"); <br>} <br></ script><br><br> <br> </div>HTML コード: <br> <strong></strong><br><div class="codetitle"><span>コードをコピー<a style="CURSOR: pointer" data="56230" class="copybut" id="copybut56230" onclick="doCopy('code56230')"><u></u> コードは次のとおりです:</a></span></div><table border="0" cellpadding="0" cellpacing="0" width="100%" height="100%" ID="Table1 "> <div class="codebody" id="code56230">< 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 形式)、Flash アニメーション (swf)、およびビデオ ファイル (wmv、mpeg、asf、avi)。サイズは1Mまでとなります。 <br></td> <br><td> <br><div id="previewImage"> <br></td> ; <br></table> <br><br><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><script language="javascript"> </a>function getstr() </span>{ </div>var strcode=""; <div class="codebody" id="code34204"> 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; >strcode= '<img src='' fileName '' width=' width ' height=' high ' >' <br>} <br>else <br>if(exName=="SWF") <br>{ <br>strcode='<embed src='' fileName '' width='' width '' height='' high ''quality='high' ></embed>'; <br> else <br>if(exName=="WMV"||exName=="MPEG"||exName=="ASF"||exName=="AVI") <br>{ <br>strcode=' <embed src='' fileName '' border='0' width='' width '' height='' high ''quality='high' '; <BR>strcode =' autoStart='1' playCount=' 0'enableContextMenu ='0' type='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>表示: コードをコピー コードは次のとおりです:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
