JSファイルサイズ判定_画像特殊効果の実装コード

方法 1、ActiveX コントロールを使用して実装します。 コードをコピーします コードは次のとおりです: function getFileSize(filePath) { var fso = new ActiveXObject("Scripting.FileSystemObject"); alert("ファイル サイズ: " fso.GetFile(filePath).size); } がある場合は、このメソッドを使用できます。欠点として、名前を .hta に変更するとセキュリティ プロンプトがブロックされます。 方法 2、img の dynsrc 属性を使用します: コードをコピーします コードは次のとおりです function getFileSize(filePath) { var image=new Image(); .dynsrc=filePath; alert(image.fileSize); このメソッドは IE6 では使用できますが、IE7、IE8 では使用できません。 、Firefox、Chrome。 方法 3、img の fileSize を使用します: コードをコピーします コードは次のとおりです: var ImgObj=new Image(); // 画像オブジェクトを作成します var AllImgExt=".jpg|.jpeg|.gif|.bmp|。 png|"//すべての画像形式タイプ var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//グローバル変数画像関連属性 //以下は制限付き変数です varAllowExt=".jpg|.gif|.doc|.txt|" //アップロードできるファイルの種類は何ですか? 無制限の場合は、各拡張子の後に「|」を追加します。//varAllowExt =0 varallowImgFileSize=70; //アップロードできる画像ファイルのサイズは無制限です。単位はKBです。 varAllowImgWidth=500; //アップロードできる画像ファイルの幅は次のとおりです。無制限の単位: px (ピクセル) varallowImgHeight=500; //アップロードされた画像の高さは許可されますか? 無制限の単位: px (ピクセル) HasChecked=false; function CheckProperty(obj) //画像プロパティを検出します { FileObj=obj; if(ErrMsg!="") //正しい画像ファイルに対してエラー メッセージが返されたかどうかを確認し、リセットします { ShowMsg( ErrMsg,false); return false; //Return } if(ImgObj.readyState!="complete") //画像が読み込まれていない場合はループ検出を実行します { setTimeout("CheckProperty(FileObj)", 500); return false; } ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//画像ファイル ImgWidth=ImgObj.width // 画像の幅を取得します ImgHeight=ImgObj.height // 画像の高さを取得します FileMsg="nPicture size:" ImgWidth "*" ImgHeight; "px"; FileMsg=FileMsg "nPicture ファイル サイズ :" ImgFileSize "Kb"; FileMsg=FileMsg "nPicture ファイル拡張子:" FileExt; if(AllowImgWidth!=0&&AllowImgWidth if(AllowImgHeight!=0&&AllowImgHeight ErrMsg=ErrMsg "n画像の高さが制限を超えています。 「AllowImgHeight」px 未満の高さのファイルをアップロードしてください。現在の画像の高さは "ImgHeight "px"; if(AllowImgFileSize!=0&&AllowImgFileSize ErrMsg=ErrMsg "n画像ファイルのサイズが超えています。限界。 「AllowImgFileSize」KB より小さいファイルをアップロードしてください。現在のファイル サイズは「ImgFileSize "KB」です。 if(ErrMsg!="") ShowMsg(ErrMsg,false); else ShowMsg ( FileMsg,true); } ImgObj.onerror=function(){ErrMsg='n画像の形式が間違っているか、画像が破損しています!'} function ShowMsg(msg,tf) //表示プロンプト メッセージ tf=true はファイル情報を表示します tf=false はエラー メッセージを表示します msg-information content { msg=msg.replace("n"," "); replace( /n/gi," "); if(!tf) { document.all.UploadButton.disabled=true; FileObj.outerHTML=FileObj.outerHTML ; MsgList.innerHTML=msg; HasChecked=false; document.all.UploadButton.disabled=false; 🎜> PreviewImg.innerHTML=" " else PreviewImg.innerHTML="非画像ファイル"; MsgList.innerHTML=msg; HasChecked=true; } } 関数 CheckExt(obj) { ErrMsg=""; "; FileObj=obj; IsImg=false; HasChecked=false; PreviewImg.innerHTML="プレビュー領域"; if(obj.value=="")return false ; MsgList.innerHTML="ファイル情報処理中..."; document.all.UploadButton.disabled=true; FileExt=obj.value.lastIndexOf("." )) .toLowerCase(); if(AllowExt!=0&&AllowExt.indexOf(FileExt "|")==-1) //ファイル タイプのアップロードが許可されているかどうかを判断します { ErrMsg= 「nこのファイル タイプは許可されていません。アップロードは許可されています。「AllowExt」タイプのファイルをアップロードしてください。現在のファイルタイプは「FileExt; ShowMsg(ErrMsg,false); return false; } if(AllImgExt.indexOf(FileExt "| ") !=-1) //画像ファイルの場合は画像情報処理を行う { IsImg=true; ImgObj.src=obj.value; CheckProperty(obj); return false; } else { FileMsg="nファイル拡張子:" FileExt; ShowMsg(FileMsg,true); >function SwitchUpType(tf) { if(tf) str=' ' else str=' ' document.all.file1.outerHTML=str; MsgList.innerHTML="" フォーム enctype ="multipart/form-data" method="POST" onsubmit="return HasChecked;"> > 画像ソース ローカル リモート: プレビュー領域 🎜> IE、FireFox、Chrome で使用できますが、画像ファイルのサイズのみを決定します。