我有两个HTML页面；main.html和result.html。
main.html：
<img id="preview" src="" alt="">
<button id="done" type="button">done</button>
result.html：
<img id="search" src="" alt="">
在main页面中，我上传一张图片，预览显示在preview中main。然后，我使用cropper js模块裁剪了该图像。
crop.js：
const done = document.getElementById('done');
const imgcropped = document.getElementById('img-cropped');
done.addEventListener('click', (e) => {
imgcropped.src = cropper.getCroppedCanvas().toDataURL();
})
我想imgcropped.src给search.src在result。我如何获得main图像result？
您可以使用来做到这一点localStorage。
在main.html中：
const done = document.getElementById('done');
const imgcropped = document.getElementById('img-cropped');
done.addEventListener('click', (e) => {
var newSrc = cropper.getCroppedCanvas().toDataURL();
imgcropped.src = newSrc;
window.localStorage.setItem("imgcropped", newSrc);
});
并在result.html中：
var searchImg = document.getElementById("search")
if(window.localStorage.getItem("imgcropped") !== null){
searchImg.src = window.localStorage.getItem("imgcropped");
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句