<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>上传图片</title> ???<style> ???????.imgC{ ???????????width: 200px; ???????????height: 200px; ???????} ???</style></head><body> ???<input type="file" > ???<img src="" alt="" class="imgC"> ???<script> ???????//页面中上传一个图片，把图片显示在页面中 ???????????????//获取上传的文件的元素 ???????var fli = document.querySelector("input"); ???????fli.onchange=function(){ ???????????//创建读取文件的对象 ???????????var fReader = new FileReader(); ???????????//读取文件 ----图片 ???????????fReader.readAsDataURL(fli.files[0]); ???????????//图片读取的加载的过程 ???????????fReader.onload=function(){ ???????????????console.log(this); ???????????????//显示图片 ???????????????document.querySelector("img").src=this.result; ???????????} ???????} ???</script></body></html>上传图片
原文地址：https://www.cnblogs.com/quitpoison/p/10220495.html