Heim >Web-Frontend >js-Tutorial >Reine JS-Methode zur Implementierung lokaler Bildvorschau_Javascript-Fähigkeiten
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.