Beispielcode für die Vorschau des ausgewählten Bildes, ohne dass Javascript-Kenntnisse erforderlich sind

" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> : //www.w3.org/1999/xhtml">

) { var docObj = document.getElementById(fieldupload); var imgObjPreview = document.getElementById(image); if (docObj.files && docObj.files[0]) { / / Setzen Sie unter Firefox direkt das img-Attribut imgObjPreview.style.display = 'block'; imgObjPreview.style.height = '150px'; //imgObjPreview.src = docObj.files[0].getAsDataURL();

//Firefox 7 und höher können nicht mit der oben genannten getAsDataURL()-Methode abgerufen werden, und die folgende Methode ist erforderlich

imgObjPreview.src = window.URL. createObjectURL(docObj.files[0]);
} else {
//Verwenden Sie unter IE den Filter
docObj.select();
var imgSrc = document.selection.createRange (). text;
var localImagId = document.getElementById(imagediv);//Die Anfangsgröße muss festgelegt werden
localImagId.style.width = "150px"; = "150px";
//Bildausnahmen erfassen, um zu verhindern, dass Benutzer das Suffix ändern, um Bilder zu fälschen
versuchen Sie {
localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) "; localImagId.filters. item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
} Catch (e) {
alert("Das Format des von Ihnen hochgeladenen Bildes ist falsch, bitte erneut auswählen! ");
return false ;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}
"150px" height="150px" src="http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_No images.gif" alt="" />

;div>