Heim >Web-Frontend >js-Tutorial >Reine JS-Methode zur Implementierung lokaler Bildvorschau_Javascript-Fähigkeiten

Reine JS-Methode zur Implementierung lokaler Bildvorschau_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:47:561031Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie man eine lokale Bildvorschau mit reinem JS implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Ich habe plötzlich gesehen, dass es im Internet viele ähnliche Codes gibt, aber ich konnte keinen passenden finden. Ich habe einen geschrieben, der auf dem basiert, was ich zuvor geschrieben habe. Der Code ist relativ prägnant und bezieht sich auf ein zuvor geschriebenes js. Die Methode kann separat verwendet werden. Es wurde nicht auf Kompatibilität getestet. Grundsätzlich unterstützen es alle nativen Browser (IE, FF, Chrome)

index.html lautet wie folgt:

<html>
<head>
<title>Test</title>
<script type="text/javascript" src="js/z.js"></script>
</head>
<body>
<center>
  <img id="img" src="" /><p />
  <input type="file" id="file" />
</center>
<script>
  z.plimg(z.$('file'),z.$('img'),function(file,img,url){
    alert(url);
  });
</script>
</body>
</html>

z.js klicken Sie hiervon dieser Website herunterladen.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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