js traitement d'image exemple de compétences code_javascript

Copier le code Le code est le suivant :

var ImgObj=new Image( /); /Créer un objet Image
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//Tous les types de formats d'image
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg, FileMsg, HasCheked ,IsImg//Attributs liés à l'image de variable globale
//Les variables suivantes sont des variables de restriction
var AllowExt=".jpg|.gif|.doc|.txt|" //Types de fichiers autorisés à être téléchargés ? Illimité par Une lettre minuscule "|" doit être ajoutée après chaque extension pour indiquer
var AllowImgFileSize=70; //La taille du fichier image pouvant être téléchargé 0 est une unité illimitée : Ko
var AllowImgWidth=. 500; //Les images autorisées à être téléchargées La largeur ? est en unités illimitées : px (pixels)
var AllowImgHeight=500; //La hauteur de l'image téléchargée est autorisée en unités illimitées : px (pixels)
HasChecked=false;
function CheckProperty (obj) //Vérifier les attributs de l'image
{
FileObj=obj;
if(ErrMsg!="") //Vérifie si c'est le bon fichier image, renvoie un message d'erreur et réinitialise
{
ShowMsg(ErrMsg,false);
return false; //Return
}
ImgFileSize=Math.round(ImgObj.fileSize/1024 *100)/100;//Obtenir la taille du fichier image
ImgWidth=ImgObj.width; //Obtenir la largeur de l'image
ImgHeight=ImgObj.height; //Obtenir la hauteur de l'image
🎜>FileMsg="nTaille de l'image :" ImgWidth "*" ImgHeight "px";
FileMsg=FileMsg "nTaille du fichier image :" ImgFileSize "Ko"
FileMsg=FileMsg "nExtension du fichier image :" FileExt ; 🎜>if(AllowImgWidth!=0&&AllowImgWidthErrMsg= ErrMsg "nLa largeur de l'image dépasse la limite. Veuillez télécharger un fichier avec une largeur inférieure à " AllowImgWidth "px. La largeur actuelle de l'image est " ImgWidth "px";
if(AllowImgHeight!=0&&AllowImgHeightErrMsg=ErrMsg "nLa hauteur de l'image dépasse la limite. . Veuillez télécharger un fichier d'une hauteur inférieure à "AllowImgHeight"px. La hauteur actuelle de l'image est "ImgHeight "px" ;
if(AllowImgFileSize!=0&&AllowImgFileSizeErrMsg=ErrMsg "nLa taille du fichier image dépasse la limite. Veuillez télécharger des fichiers plus petits que " AllowImgFileSize " Ko, la taille actuelle du fichier est " ImgFileSize " Ko ";
if(ErrMsg!="") ShowMsg(ErrMsg,false);
else ShowMsg(FileMsg,true);
}
ImgObj.onerror=function(){ErrMsg='nLe format de l'image est incorrect ou l'image est endommagée !'}
function ShowMsg(msg,tf) //Afficher les informations d'invite tf=true Display file information tf=false affiche le contenu du message d'erreur msg-information
{
msg=msg.replace("n","

"); ,"

");
if(!tf)
{
FileObj.outerHTML=FileObj.outerHTML;
MsgList.innerHTML=msg; >} else{
if(IsImg) PreviewImg.innerHTML=""
else PreviewImg.innerHTML= "pas de fichier image";
MsgList.innerHTML=msg;
HasChecked=true;
}
}
function CheckExt(obj)
{
ErrMsg="";
FileMsg="";
FileObj=obj;
IsImg=false;
HasChecked=false;
PreviewImg.innerHTML="Zone d'aperçu"
if(obj.value= =" ")return false;
MsgList.innerHTML="Traitement des informations sur les fichiers..."
FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if(AllowExt!=0&&AllowExt.indexOf(FileExt "|")==-1) //Déterminer si le type de fichier peut être téléchargé
{
ErrMsg="nCe type de fichier n'est pas autorisé à télécharger. Veuillez télécharger un fichier de type " AllowExt ". Le type de fichier actuel est " FileExt;
ShowMsg(ErrMsg,false);
return false;
}
if(AllImgExt.indexOf(FileExt "| ") !=-1) //S'il s'agit d'un fichier image, effectuez le traitement des informations sur l'image
{
IsImg=true;
ImgObj.src=obj.value;
alert(ImgObj.src );
alert(Math.round(ImgObj.fileSize/1024*100)/100);
CheckProperty(obj);
return false;
FileMsg="nFile; extension : " FileExt ;
ShowMsg(FileMsg,true);
}
}