Js allows you to preview uploaded images. js allows you to preview uploaded images.
This document describes how to preview uploaded images in JavaScript. Share it with you for your reference. The specific implementation method is as follows:
Copy codeThe Code is as follows: function PreviewImage (imgFile)
{
Var filextension = imgFile. value. substring (imgFile. value. lastIndexOf ("."), imgFile. value. length );
Filextension = filextension. toLowerCase ();
If (filextension! Your '.jpg ') & (filextension! Using '.gif ') & (filextension! Using '.jpeg ') & (filextension! Using '.png ') & (filextension! Using '.bmp '))
{
Alert ("sorry, the system only supports photos in the standard format. Please adjust the format and upload it again. Thank you! ");
ImgFile. focus ();
}
Else
{
Var path;
If (document. all) // IE
{
ImgFile. select ();
Path = document. selection. createRange (). text;
Document. getElementById ("imgPreview"). innerHTML = "";
Document. getElementById ("imgPreview "). style. filter = "progid: DXImageTransform. microsoft. alphaImageLoader (enabled = 'true', sizingMethod = 'Scale', src = \ "" + path + "\") "; // use the filter effect
}
Else // FF
{
Path = imgFile. files [0]. getAsDataURL ();
Document. getElementById ("imgPreview "). innerHTML = " ";
// Document. getElementById ("img1"). src = path;
}
}
}
Call:
Copy codeThe Code is as follows: upload an image: <input type = "file" name = "file"
Style = "width: 200px; height: 20px;" onchange = "PreviewImage (this)" id = "upload"/>
<Div id = "imgPreview" style = "width: 120px; height: 100px; margin-left: 280px;">
</Div>
Shows the running effect:
I hope this article will help you design javascript programs.