javascript - 如何将图像源插入隐藏的输入值

Question

如何让隐藏的输入值成为图像源？

我正在尝试发送隐藏值中显示的图像源，以便可以将其发送到数据库。

这是我正在处理的当前代码。

<form class="form" action="LargeSymbol.php?submit=true" method="post">
    <img id="enlargedSymbol" type="text" size="60" name="pathOfSymbol" src='' /><br />

    <script>
        var querySrc = URI(window.location.href).search(true).src;
        $("#enlargedSymbol").attr("src", querySrc);
    </script>

    <input class="inputBox" type="hidden" name="pathOfSymbol" id="pathOfSymbol" value="src=''"/> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

    <input name="submit" type="submit" onclick="add()" />
</form>

Answer 1

querySrc 变量中已有图像的 URL，因此您只需选择隐藏的输入并将其设置为 val()。试试这个:

var querySrc = URI(window.location.href).search(true).src;
$("#enlargedSymbol").prop("src", querySrc);
$('#pathOfSymbol').val(querySrc);