méthode js pour implémenter les compétences d'aperçu_javascript de l'image téléchargée

L'exemple de cet article décrit comment implémenter l'aperçu de l'image téléchargée à l'aide de js. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

fonction PreviewImage(imgFile)
{
var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
Filextension=filextension.toLowerCase();
if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp' ))
{
alert("Désolé, le système ne prend en charge que les photos aux formats standards, veuillez ajuster le format et télécharger à nouveau, merci!");
imgFile.focus();
>
d'autre
{
chemin var ;

if(document.all)//IE
{
imgFile.select();
Chemin = document.selection.createRange().text;

Document.getElementById("imgPreview").innerHTML="";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="" path "")";//Utiliser les effets de filtre
>
sinon//FF
{
Chemin = imgFile.files[0].getAsDataURL();
Document.getElementById("imgPreview").innerHTML = "";
// document.getElementById("img1").src = chemin;
>
>
>

Appel :

Copier le code Le code est le suivant :

Télécharger l'image : style="largeur : 200 px ; hauteur : 20 px;" onchange="PreviewImage(this)" id="upload" />

L'effet de l'opération est comme indiqué ci-dessous :

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.