轻松实现js图片预览功能【javascript】

web前端|js教程

js图片预览,js预览

web前端-js教程

本文实例讲述了js实现图片预览的方法，自己以前写的一个，代码比较简洁，分享给大家供大家参考。具体如下：

linux 小游戏源码,ubuntu 如何看时区,py爬虫语言基础,PHP怎么访问其他PHP,前端seo书籍lzw

A、效果预览

金融源码系统,怎么扒vscode插件源码,ubuntu 18源,Tomcat 资源访问日志,爬虫的区别,js传递给php变量,河南seo推广有用吗,小偷网站采集神器, 登录页面模板lzw

效果图：

微信淘宝客破解版源码,ubuntu搭建云盘,tomcat换版本需要卸载,朝夕爬虫 蜘蛛,在线生成PHP网站,百度seo优化推广郑州找哪家lzw

B、实现代码：

function previewFile() { var preview = document.querySelector(img); var file = document.querySelector(input[type=file]).files[0]; var reader = new FileReader(); reader.onloadend = function () { preview.src = reader.result; } if (file) { reader.readAsDataURL(file); } else { preview.src = ""; }}