IE8.0 the local image img. src = the local image path is invalid and can only be used by div.
IE7 and IE8 are placed in <div id = "imgPreview"> </div>.
FIREFOX allows you to directly set images in .
<Html>
<Head>
<Title> js Image Upload preview </title>
<Script>
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 www.2cto.com
}
Else // FF
{
Path = imgFile. files [0]. getAsDataURL ();
// Document. getElementById ("imgPreview "). innerHTML = " ";
Document. getElementById ("img1"). src = path;
}
}
}
</Script>
</Head>
<Body>
<Input type = "file" onchange = 'previewimage (this) '/>
<Br/>
<Div id = "imgPreview" style = 'width: 120px; height: 100px; '>
</Div>
</Body>
</Html>
From blue sky garden