Cet article décrit la méthode de téléchargement de prévisualisation d'image par JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: Fonction PreviewImage (IMGFile)
{
var fileExtension = imgfile.value.substring (imgfile.value.lastIndexof ("."), imgfile.value.length);
fileExtension = fileExtension.tolowerCase ();
If ((fileExtension! = '. Jpg') && (fileExtension! = '. Gif') && (fileExtension! = '. Jpeg') && (fileExtension! = '. Png') && (fileExtension! = '. Bmp')))
{
Alert ("Désolé, le système ne prend en charge que les photos dans des formats standard. Veuillez ajuster le format et le télécharger à nouveau, merci!");
imgfile.focus ();
}
autre
{
Var Path;
if (document.all) // c'est-à-dire
{
imgfile.select ();
path = document.selection.createrange (). text;
document.getElementById ("imgpreview"). innerhtml = "";
document.getElementById ("imgpreview"). style.filter = "ProgId: dximageTransform.microsoft.alphaimageLoader (activé = 'true', sizeThod = 'Scale', src = /" "+ path +" / ")"; // Utiliser le filtre Effect Effect.
}
else // ff
{
path = imgfile.files [0] .getAsDataurl ();
document.getElementById ("imgpreview"). innerhtml = "<img id = 'img1' width = '120px' height = '100px' src = '" + path + "' />";
// document.getElementById ("img1"). src = path;
}
}
}
Appelé:
Copiez le code comme suit: Téléchargez l'image: <entrée type = "file" name = "file"
style = "largeur: 200px; hauteur: 20px;" onchange = "aperviewImage (this)" id = "upload" />
<div id = "imgpreview">
</div>
L'effet de fonctionnement est illustré dans la figure ci-dessous:
J'espère que cet article sera utile à la programmation JavaScript de tous.