js画像処理サンプルコード_javascriptスキル

コードをコピーします コードは次のとおりです。

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|" //アップロードできるファイルの種類? Unlimited per A "|" を各拡張子の後に追加して、アップロードできる画像ファイルのサイズを無制限に指定します。
varAllowImgWidth= 500; //アップロードできる画像の単位は無制限です: px (ピクセル)
varAllowImgHeight=500; // アップロードできる画像の単位は無制限です: px (ピクセル)
HasChecked=false;
function CheckProperty (obj) //画像属性をチェックします
{
FileObj=obj;
if(ErrMsg!="") //それが正しいかどうかをチェックします画像ファイルの場合、エラー メッセージを返し、リセットします。
{
ShowMsg(ErrMsg,false)
return
}
ImgFileSize=Math.round(ImgObj.fileSize/1024) *100)/100;//画像ファイルのサイズを取得します
ImgWidth=ImgObj.width; //画像の幅を取得します
ImgHeight=ImgObj.height; //画像の高さを取得します
FileMsg="nPicture サイズ:" ImgWidth "*" ImgHeight "px";
FileMsg=FileMsg "nPicture ファイル サイズ:" ImgFileSize "Kb";
FileMsg=FileMsg "nPicture ファイル拡張子:" FileExt; 🎜>if(AllowImgWidth!=0&&AllowImgWidthErrMsg= ErrMsg "n画像の幅が制限を超えています。 「AllowImgWidth」pxより小さい幅のファイルをアップロードしてください。現在の画像の幅は「ImgWidth」pxです;
if(AllowImgHeight!=0&&AllowImgHeightErrMsg=ErrMsg "n画像の高さが制限を超えています。 「AllowImgHeight」px 未満の高さのファイルをアップロードしてください。現在の画像の高さは "ImgHeight "px";
if(AllowImgFileSize!=0&&AllowImgFileSizeErrMsg=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","

"); ,"

");
if(!tf)
FileObj.outerHTML=FileObj.outerHTML;
HasChecked=false; >} else{
if(IsImg) PreviewImg.innerHTML="";
else PreviewImg.innerHTML= "画像ファイルではありません";
MsgList.innerHTML=msg;
HasChecked=true;
}
関数 CheckExt(obj)
{
ErrMsg="";
FileMsg="";
IsImg=false;
PreviewImg.innerHTML="プレビュー領域"; =" ")return false;
MsgList.innerHTML="ファイル情報処理中...";
FileExt=obj.value.substr(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;
alert(ImgObj.src) );
alert(Math.round(ImgObj.fileSize/1024*100)/100);
CheckProperty(obj);
FileMsg="nFile拡張子: " FileExt;
ShowMsg(FileMsg,true);
}
}