जावास्क्रिप्ट का उपयोग करके दूसरे पृष्ठ में एक छवि src कैसे प्राप्त करें? [डुप्लिकेट]

Question

मेरे दो 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। और फिर मैंने क्रॉपर जेएस मॉड्यूल का उपयोग करके इस छवि को क्रॉप किया।

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?

Answer 1

आप उस का उपयोग कर सकते हैं 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);
});

और परिणाम में:

var searchImg = document.getElementById("search")
if(window.localStorage.getItem("imgcropped") !== null){
    searchImg.src = window.localStorage.getItem("imgcropped");
}