使用JS创建“动态”图像

Question

我有一个包含2个字段的表单。如何在表单提交时使用“src”URL的查询部分中的这两个字段的值创建新图像？

Answer 1

请参阅此示例（使用jQuery）：

    <form id="myform">
        <input type="text" value="" id="input1">
        <input type="text" value="" id="input2">
        <input type="submit" value="submit">
    </form>
    <img id="image" src="http://mydomain.com/empty.gif" />
    <script>
    $(document).ready(function () {
        $("#myform").submit(function (ev) {
            ev.preventDefault();
            var val1 = $("#input1").val();
            var val1 = $("#input2").val();
            $("#image").attr("src", "http://mydomain.com/image?val1="+val1+"&val2="+val2);
        });
    });
    </script>

将mydomain.com更改为您的主持人或相对路径。