<form action="">            <h2>Fill out the following details: </h2>                <div class="inp">            <label for="name">Name: </label>            <input type="text" id="name">        </div>        <br>        <div class="inp">            <label for="rollno">Roll No: </label>            <input type="text" id="rollno">        </div>        <br>        <div class="inp">            <label for="image">Image: </label>            <input type="file" id="image" accept="image/jpeg">        </div>        <input type="button" id="submit" value="Submit"></form><div id="output">            <h2>Your Details: </h2>                <div class="out">Name: <span id="outname"></span></div>        <div class="out">Roll No: <span id="outrollno"></span></div>        <div class="out">Image: <img id="outimage" width="200px"></div></div><script type="text/javascript">            function displayImage()        {            var x = document.getElementById("outimage");            var y = document.getElementById("image").src;            x.setAttribute("src",y);        }                document.getElementById("submit").onclick = function()        {            document.getElementById("output").style.display = "block";            document.getElementById("outname").innerHTML = document.getElementById("name").value;            document.getElementById("outrollno").innerHTML = document.getElementById("rollno").value;            displayImage();        }</script>有人能告訴我為什么會這樣嗎？該圖像與 HTML 文件位于同一文件夾中。有沒有更好的方法來實現(xiàn)這一目標(biāo)？我想顯示用戶在表單中選擇的圖像。