简单的一个功能记录一下,方便以后查找使用
``<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传图片预览</title>
</head>
<body>
<!---->
<form action="#" method="post" enctype="multipart/form-data">
<input type="file" name="" id="file" onchange="show()">
<img src="" id="preview" width="300"/>
</form>
<script>
function show() {
var file=document.getElementById("file").files[0];
var reader=new FileReader();
reader.onload=function () {
document.getElementById("preview").src=this.result;
};
reader.readAsDataURL(file);
}
</script>
</body>
</html>