Send Image from one HTML page to another using JavaScript and jQuery

Hi 

Please refer below sample.

HTML

MainPage

<img id="imgImage" width="250" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    var queryString = new Array();
    $(function () {
        if (queryString.length == 0) {
            if (window.location.search.split('?').length > 1) {
                var params = window.location.search.split('?')[1].split('&');
                for (var i = 0; i < params.length; i++) {
                    var key = params[i].split('=')[0];
                    var value = decodeURIComponent(params[i].split('=')[1]);
                    queryString[key] = value;
                }
            }
        }
        if (queryString["image"] != null) {
            var data = queryString["image"];
            $("#imgImage").attr('src', "Images/" + data);
        }
    });
</script>

HomePage

<input type="image" id="imgFlag"  name="image" src="Images/Flag_of_India.PNG" width="250" />
<br />
<input type="button" value="Send" onclick="Send()" />

<script type="text/javascript">
    function Send() {
        var imageName = document.getElementById("imgFlag").src.split('/')[document.getElementById("imgFlag").src.split('/').length - 1];            
        var url = "HomePage.html?image=" + encodeURIComponent(imageName);
        window.location.href = url;
    };
</script>

Screenshot