The example in this article describes how to implement local image preview using pure JS. Share it with everyone for your reference. The details are as follows:
I just suddenly saw that there are many similar codes on the Internet, but I couldn’t find a suitable one. I wrote one based on what I had written before. The code is relatively concise and refers to a js I wrote before. The method can be separated out and used separately. It is not tested to be too compatible. Basically all native browsers support it (IE, FF, Chrome)
index.html is as follows:
<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 click heredownload from this site.
I hope this article will be helpful to everyone’s JavaScript programming design.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
