Heim  >  Artikel  >  Web-Frontend  >  Beispielcode für die Vorschau des ausgewählten Bildes, ohne dass Javascript-Kenntnisse erforderlich sind

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

WBOY
WBOYOriginal
2016-05-16 16:53:401203Durchsuche

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


Untitled document ) { 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>
;
< ;/body>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:jQuery-Wasserfall-Flow-Plug-in Wookmark-Verwendung example_jqueryNächster Artikel:jQuery-Wasserfall-Flow-Plug-in Wookmark-Verwendung example_jquery

In Verbindung stehende Artikel

Mehr sehen