//读取图片 search.html
<body>
<br>
<div style="border:5px solid #000000"></div>
<br><br>
<div id="a">
<span>
<h2>图 像 检 索 工 具</h2>
</span>
</div>
<div style="display: block;" >
<img id="preview" width="-1" height="-1" style="max-width: 256px; display: block; max-height: 256px; margin: 0 auto;">
</div>
<form id="form" enctype="multipart/form-data"
onsubmit="return check()";>
<input type="file" accept="image/*" name="file" id="file"/>
</form>
<div style="text-align: center;" >
<button id="b" onclick="location.href='result.html'">开始检索</button>
</div>
<script>
var fileDom = document.getElementById("file");
var previewDom = document.getElementById("preview");
fileDom.addEventListener("change", e=>{
var file = fileDom.files[0];
// check if input contains a valid image file
if (!file || file.type.indexOf("image/") < 0) {
fileDom.value = "";
previewDom.src = "";
return;
}
// use FileReader to load image and show preview of the image
var fileReader = new FileReader();
fileReader.onload = e=>{
previewDom.src = e.target.result;
};
fileReader.readAsDataURL(file);
});
var formDom = document.getElementById("form");
function check() {
var file = fileDom.files[0];
// check if input contains a valid image file
if (!file || file.type.indexOf("image/") < 0) {
return false;
}
}
</script>
</body>
//引用图片 result.html
<body>
<p>所 选 图 片</p>
</body>
请问如何在第二个html文件中引用第一个html中读取的图片