js-Bildverarbeitungsbeispielcode_Javascript-Kenntnisse

Code kopieren Der Code lautet wie folgt:

var ImgObj=new Image( /); /Erstelle ein Bildobjekt
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//Alle Bildformattypen
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg, FileMsg,HasCheked ,IsImg//Globale variable bildbezogene Attribute
//Die folgenden sind Einschränkungsvariablen
var AllowExt=".jpg|.gif|.doc|.txt|" //Dateitypen, die hochgeladen werden dürfen ? Unbegrenzt pro Nach jeder Erweiterung sollte ein „|“-Kleinbuchstabe hinzugefügt werden, um anzuzeigen:
var AllowImgFile=70; //Die Größe der Bilddatei, die hochgeladen werden darf, ist unbegrenzt: KB
var AllowImgWidth= 500; //Die Bilder dürfen in unbegrenzten Einheiten hochgeladen werden: px (Pixel)
var AllowImgHeight=500; //Die Höhe des hochgeladenen Bildes ist in unbegrenzten Einheiten zulässig?
HasChecked=false;
function CheckProperty (obj) //Überprüfen Sie die Bildattribute
{
FileObj=obj;
if(ErrMsg!="") //Überprüfen Sie, ob es richtig ist Bilddatei, eine Fehlermeldung zurückgeben und zurücksetzen
{
ShowMsg(ErrMsg,false);
return false; //Return
}
ImgFileSize=Math.round(ImgObj.fileSize/1024 *100)/100;//Ermitteln Sie die Größe der Bilddatei
ImgWidth=ImgObj.width; //Erhalten Sie die Breite des Bildes
ImgHeight=ImgObj.height; //Erhalten Sie die Höhe des Bildes
FileMsg="nPicture size:" ImgWidth "*" ImgHeight "px";
FileMsg=FileMsg "nPicture file size:" ImgFileSize "Kb"; 🎜>if(AllowImgWidth!=0&&AllowImgWidthErrMsg= ErrMsg "nDie Bildbreite überschreitet den Grenzwert. Bitte laden Sie eine Datei mit einer Breite kleiner als „AllowImgWidth“ px hoch. Die aktuelle Bildbreite beträgt „ImgWidth „px“.
if(AllowImgHeight!=0&&AllowImgHeightErrMsg=ErrMsg „nDie Bildhöhe überschreitet den Grenzwert . Bitte laden Sie eine Datei mit einer Höhe kleiner als „AllowImgHeight“px hoch. Die aktuelle Bildhöhe beträgt „ImgHeight „px“.
if(AllowImgFileSize!=0&&AllowImgFileSizeErrMsg=ErrMsg „nDie Bilddateigröße überschreitet Limit. Bitte laden Sie Dateien hoch, die kleiner als „AllowImgFileSize“ KB sind. Die aktuelle Dateigröße beträgt „ImgFileSize „KB“.
if(ErrMsg!="") ShowMsg(ErrMsg,false);
}
ImgObj.onerror=function(){ErrMsg='nDas Bildformat ist falsch oder das Bild ist beschädigt!'}
function ShowMsg(msg,tf) //Promptinformationen anzeigen tf=true Anzeige Dateiinformationen tf=false zeigt den Inhalt der Fehlermeldung an. msg-information
{
msg=msg.replace("n","

"); ,"

");
if(!tf)
{
FileObj.outerHTML=FileObj.outerHTML;
HasChecked=false; >} else{
if(IsImg) PreviewImg.innerHTML="";
else PreviewImg.innerHTML= "nicht Bilddatei";
MsgList.innerHTML=msg;
HasChecked=true;
}
}
function CheckExt(obj)
ErrMsg=""
FileMsg="";
FileObj=obj;
HasChecked=false;
Preview-Bereich"; =" ")return false;
MsgList.innerHTML="Dateiinformationsverarbeitung...";
if(AllowExt!=0&&AllowExt.indexOf(FileExt "|")==-1) //Bestimmen Sie, ob der Dateityp hochgeladen werden darf
{
ErrMsg="nDieser Dateityp ist nicht zulässig hochgeladen werden. Bitte laden Sie eine Datei vom Typ „AllowExt“ hoch. Der aktuelle Dateityp ist „FileExt;
ShowMsg(ErrMsg,false);
return false;
}
if(AllImgExt.indexOf(FileExt "| ") !=-1) //Wenn es sich um eine Bilddatei handelt, führen Sie die Bildinformationsverarbeitung durch
{
IsImg=true;
ImgObj.src=obj.value;
alert(ImgObj.src );
alert(Math.round(ImgObj.fileSize/1024*100)/100);
return false;
FileMsg="nFile Erweiterung: " FileExt;
ShowMsg(FileMsg,true);
}
}