如何在使用javascript从系统浏览后立即显示浏览的图像？_Javascript

如何在使用javascript从系统浏览后立即显示浏览的图像？

javascript

如何在使用javascript从系统浏览后立即显示浏览的图像？,javascript,Javascript,我想在存储在JavaScript变量中的表中显示一个图像。下面是我的代码，我不知道如何完成它。单击submit之后，我想在submit按钮下方显示该图像 <script type="text/ecmascript" language="javascript"> function myname() { var image1 = document.getElementById("image").value; alert(image1);

我想在存储在JavaScript变量中的表中显示一个图像。下面是我的代码，我不知道如何完成它。单击submit之后，我想在submit按钮下方显示该图像

<script type="text/ecmascript" language="javascript">
    function myname() {
        var image1 = document.getElementById("image").value;
        alert(image1);
        document.getElementById("abc").style.display = "block";
    }
</script>

<body style="text-align:center; margin-top:50px; width:50%;">

<form action=" " method="post" enctype="multipart/form-data" onSubmit="myname()">

    <fieldset style="text-align:center; height:200px; color:#0000FF;">

        <legend style="border: #0000CC 1px solid;"> Upload Image</legend>

        <table width="200" border="0" align="center" cellpadding="6px">
            <tr>
                <td height="20px;">Image</td>
                <br/>
                <td><input type="file" value="" name="image" id="image"/></td>
            </tr>
            <td id="abc"></td>
        </table>
        <br/>
        <input type="submit" value="submit" name="submit">

    </fieldset>
</form>
</body>


函数myname（）{
var image1=document.getElementById（“图像”）.value；
警报（图1）；
document.getElementById（“abc”）.style.display=“block”；
}
上传图像
形象

看看这个

document.getElementById("abc").innerHTML = "<img src=image1 />"

document.getElementById（“abc”）.innerHTML=“”

我希望abc是一个集装箱。我不确定你能不能检查一下，然后把你的回复发出去

function myname(){
  var image = document.getElementById("image").value;
  doucment.getElementById("abc").style.display="block"; 
  document.getElementById("abc").innerHTML = "<img src =" + image + " />";
  }

函数myname（）{
var image=document.getElementById（“image”）.value；
doucment.getElementById（“abc”）.style.display=“block”；
document.getElementById（“abc”）.innerHTML=“”；
}

试试这个，也许你想要这样。。。当您选择“未提交的图像”时，它将显示在“提交”按钮中

<script type="text/ecmascript" language="javascript">
    function myname() {
        var image1 = document.getElementById("image").value;
        alert(image1);
        document.getElementById("abc").style.display = "block";
    }
</script>

<body style="text-align:center; margin-top:50px; width:50%;">

<form action=" " method="post" enctype="multipart/form-data" onSubmit="myname()">

    <fieldset style="text-align:center; height:200px; color:#0000FF;">

        <legend style="border: #0000CC 1px solid;"> Upload Image</legend>

        <table width="200" border="0" align="center" cellpadding="6px">
            <tr>
                <td height="20px;">Image</td>
                <br/>
                <td><input type="file" value="" name="image" id="image"/></td>
            </tr>
            <td id="abc"></td>
        </table>
        <br/>
        <input type="submit" value="submit" name="submit">

    </fieldset>
</form>
</body>

函数未加载（e）{
$（'#显示所选图像'）.html（''；
}
函数显示预览（文件）{
var reader=new FileReader（）；
reader.onload=onFileLoad；
reader.readAsDataURL（文件[0]）；
}


上传图像
形象

提交后，获取图像路径并将该路径图像标记放在提交按钮下方，它将显示？或者你想要的其他东西？我不希望该图像插入任何文件夹，因为我还有其他操作（croping），之后最终图像将存储在文件夹中。请帮助我如果您选择图像而不选择“提交”按钮，它将显示在“提交”按钮下方，所选图片。？是的，你是对的。我知道了。谢谢你的建议。@sradha检查我的答案。这对你有帮助吗？