<strong>方法 1、ActiveX コントロールを使用して実装します。 </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="42335" class="copybut" id="copybut42335" onclick="doCopy('code42335')"><u>コードをコピーします </u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code42335"> <br><script type="text/javascript"> <br>function getFileSize(filePath) <br>{ <br>var fso = new ActiveXObject("Scripting.FileSystemObject"); alert("ファイル サイズ: " fso.GetFile(filePath).size); <br>} <br><body> <br><INPUT TYPE="file" NAME= "file" SIZE= "30" onchange="getFileSize(this.value);"> <br></body> <br><br> <br>がある場合は、このメソッドを使用できます。欠点として、名前を .hta に変更するとセキュリティ プロンプトがブロックされます。 </div> <br>方法 2、img の dynsrc 属性を使用します: <br> <strong></strong><br><div class="codetitle"> <span>コードをコピーします <a style="CURSOR: pointer" data="34049" class="copybut" id="copybut34049" onclick="doCopy('code34049')"><u></u> コードは次のとおりです</a> </span> </div><script type="text/javascript"> <div class="codebody" id="code34049">function getFileSize(filePath) <br>{ <br>var image=new Image(); .dynsrc=filePath; <br>alert(image.fileSize); <br></script> <br><INPUT TYPE="ファイル" NAME="ファイル" SIZE="30" onchange="getFileSize(this.value)"> <br></body> <br><br> <br>このメソッドは IE6 では使用できますが、IE7、IE8 では使用できません。 、Firefox、Chrome。 <br><br>方法 3、img の fileSize を使用します: <br> </div> <br><br><strong></strong>コードをコピーします <br><div class="codetitle"><span> コードは次のとおりです:<a style="CURSOR: pointer" data="12022" class="copybut" id="copybut12022" onclick="doCopy('code12022')"><div class="codebody" id="code12022"> <br><script language=javascript> <br>var ImgObj=new Image(); // 画像オブジェクトを作成します <br>var AllImgExt=".jpg|.jpeg|.gif|.bmp|。 png|"//すべての画像形式タイプ<br>var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//グローバル変数画像関連属性<br>//以下は制限付き変数です<br> varAllowExt=".jpg|.gif|.doc|.txt|" //アップロードできるファイルの種類は何ですか? 無制限の場合は、各拡張子の後に「|」を追加します。//varAllowExt =0 <br>varallowImgFileSize=70; //アップロードできる画像ファイルのサイズは無制限です。単位はKBです。 <br>varAllowImgWidth=500; //アップロードできる画像ファイルの幅は次のとおりです。無制限の単位: px (ピクセル) <br>varallowImgHeight=500; //アップロードされた画像の高さは許可されますか? 無制限の単位: px (ピクセル) <br>HasChecked=false; <br>function CheckProperty(obj) //画像プロパティを検出します<br>{ <br>FileObj=obj; <br>if(ErrMsg!="") //正しい画像ファイルに対してエラー メッセージが返されたかどうかを確認し、リセットします <br>{ <br>ShowMsg( ErrMsg,false); <br>return false; //Return<br>} <br>if(ImgObj.readyState!="complete") //画像が読み込まれていない場合はループ検出を実行します<br>{ <br>setTimeout("CheckProperty(FileObj)", 500); <br>return false; <br>} <br>ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//画像ファイル<br>ImgWidth=ImgObj.width // 画像の幅を取得します<br>ImgHeight=ImgObj.height // 画像の高さを取得します<br>FileMsg="nPicture size:" ImgWidth "*" ImgHeight; "px"; <br>FileMsg=FileMsg "nPicture ファイル サイズ :" ImgFileSize "Kb"; <br>FileMsg=FileMsg "nPicture ファイル拡張子:" FileExt; <br>if(AllowImgWidth!=0&&AllowImgWidth<ImgWidth) ErrMsg=ErrMsg "nピクチャの幅が制限を超えています。 「AllowImgWidth」pxより小さい幅のファイルをアップロードしてください。現在の画像の幅は「ImgWidth」pxです; <BR>if(AllowImgHeight!=0&&AllowImgHeight<ImgHeight) <BR>ErrMsg=ErrMsg "n画像の高さが制限を超えています。 「AllowImgHeight」px 未満の高さのファイルをアップロードしてください。現在の画像の高さは "ImgHeight "px"; <BR>if(AllowImgFileSize!=0&&AllowImgFileSize<ImgFileSize) <BR>ErrMsg=ErrMsg "n画像ファイルのサイズが超えています。限界。 「AllowImgFileSize」KB より小さいファイルをアップロードしてください。現在のファイル サイズは「ImgFileSize "KB」です。<BR>if(ErrMsg!="") <BR>ShowMsg(ErrMsg,false); <BR>else <BR>ShowMsg ( FileMsg,true); <BR>} <BR>ImgObj.onerror=function(){ErrMsg='n画像の形式が間違っているか、画像が破損しています!'} <BR>function ShowMsg(msg,tf) //表示プロンプト メッセージ tf=true はファイル情報を表示します tf=false はエラー メッセージを表示します msg-information content <BR>{ <BR>msg=msg.replace("n","<li>"); replace( /n/gi,"<li>"); <br>if(!tf) <br>{ <br>document.all.UploadButton.disabled=true; <br>FileObj.outerHTML=FileObj.outerHTML ; <br>MsgList.innerHTML=msg; <br>HasChecked=false; <br><br>document.all.UploadButton.disabled=false; 🎜> PreviewImg.innerHTML="<img src='" ImgObj.src "' width='60' height='60'>" <br>else <br>PreviewImg.innerHTML="非画像ファイル"; <br> MsgList.innerHTML=msg; <br>HasChecked=true; <br>} <br>} <br>関数 CheckExt(obj) <br>{ <br>ErrMsg=""; "; <br>FileObj=obj; <br>IsImg=false; <br>HasChecked=false; <br>PreviewImg.innerHTML="プレビュー領域"; <br>if(obj.value=="")return false ; <br>MsgList.innerHTML="ファイル情報処理中..."; <br>document.all.UploadButton.disabled=true; <br>FileExt=obj.value.lastIndexOf("." )) .toLowerCase(); <br>if(AllowExt!=0&&AllowExt.indexOf(FileExt "|")==-1) //ファイル タイプのアップロードが許可されているかどうかを判断します<br>{ <br>ErrMsg= 「nこのファイル タイプは許可されていません。アップロードは許可されています。「AllowExt」タイプのファイルをアップロードしてください。現在のファイルタイプは「FileExt; <br>ShowMsg(ErrMsg,false); <br>return false; <br>} <br>if(AllImgExt.indexOf(FileExt "| ") !=-1) //画像ファイルの場合は画像情報処理を行う <br>{ <br>IsImg=true; <br>ImgObj.src=obj.value; <br>CheckProperty(obj); <br>return false; <br>} <br>else <br>{ <br>FileMsg="nファイル拡張子:" FileExt; <br>ShowMsg(FileMsg,true); >function SwitchUpType(tf) <br>{ <br>if(tf) <br>str='<input type="file" name="file1" onchange="CheckExt(this)" style="width:180px ;" >' <br>else <br>str='<input type="text" name="file1" onblur="CheckExt(this)" style="width:180px;">' document.all.file1.outerHTML=str; <br>MsgList.innerHTML="" <br><br>フォーム enctype ="multipart/form-data" method="POST" onsubmit="return HasChecked;"> <br><fieldset style="width: 372; height: 60;padding:2px;"> ><legend><font color="#FF0000">画像ソース</font></legend> <br><input type="radio" name="radio1" が onclick="SwitchUpType(true) ) ;">ローカル<input type="radio" name="radio1" onclick="SwitchUpType(false);">リモート:<input type="file" name="file1" onchange="CheckExt(this )" style="width:180px;"> <input type="submit" id="UploadButton" value="アップロードの開始" 無効> <br><div style="border:1 Solid #808080;background :#E0E0E0;width100%;height:20px;color:#606060;padding:5px;"> <br><table border="0"><tr><td width="60" id= "PreviewImg"> プレビュー領域</td><td id="MsgList" valign="top"></td></tr></table> <br></div> 🎜></fieldset> <br></form> <br><br> <br>IE、FireFox、Chrome で使用できますが、画像ファイルのサイズのみを決定します。</div></a></span></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
