Maison > interface Web > js tutoriel > le corps du texte

Méthode Pure JS pour implémenter les compétences locales de prévisualisation d'image_javascript

WBOY
Libérer: 2016-05-16 15:47:56
original
999 Les gens l'ont consulté

L'exemple de cet article décrit comment implémenter l'aperçu d'image local en utilisant du JS pur. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

J'ai soudainement vu qu'il existe de nombreux codes similaires sur Internet, mais je n'ai pas trouvé celui qui me convienne. J'en ai écrit un sur la base de ce que j'avais écrit auparavant. Le code est relativement concis et fait référence à un js que j'ai écrit auparavant. La méthode peut être séparée et utilisée séparément. Elle n'est pas testée pour être trop compatible. En gros, tous les navigateurs natifs le supportent (IE, FF, Chrome)

index.html est le suivant :

<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>

Copier après la connexion

z.js cliquez icitéléchargez depuis ce site.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal