如何在 Shadowbox 中提交表单？答案

【问题标题】：How Do I Submit My Form in Shadowbox?如何在 Shadowbox 中提交表单？
【发布时间】：2013-05-19 04:32:13
【问题描述】：

我正在尝试使用 Shadowbox 上传图像文件。 Shadowbox 在浏览器中可以正常打开表单，但我无法提交。服务器说它无法完成我的请求。这是我的 Shadowbox 代码：

<script type="text/javascript">

            Shadowbox.init({

            });

            function myTest() {

                Shadowbox.open({
                    content:    "http://mydomain.com/cgi-bin/photo.cgi,
                    player:     "iframe",
                    title:      "Image Upload",
                    height:     200,
                    width:      500
                });

            };

        </script>

我使用按钮调用 Shadowbox：

<tr><td colspan="7"><input type="button" value="Upload Photo" onClick="myTest();"></td></tr>

我的表单代码在这里：

<form enctype="multipart/form-data" action="http://mydomain.com/cgi-bin/photo.cgi?function=photo_upload_process" method="get" target="_parent">

    <table border="0" cellpadding="0" cellspacing="0">

        <tr><td colspan="4" style="height: 50px;"></td></tr>

        <tr>
            <td style="width: 25px;"></td>
            <td style="width: 175px;"><label>Load Image:</label></td>
            <td style="width: 275px;"><input class="photo_selector" type="file" name="photo" size="20"></td>
            <td style="width: 25px;"></td>
        </tr>


        <tr><td colspan="4" style="height: 20px;"></td></tr>

        <tr>
            <td style="width: 25px;"></td>
            <td style="width: 175px;"><label>Press Button to Upload:</td>
            <td style="width: 275px;"><input type="submit" value="Upload" name="upload"></td>
            <td style="width: 25px;"></td>
        </tr>

        <tr><td colspan="4" style="height: 20px;"></td></tr>

    </table>

    <input type="hidden" name="function" value="upload_image">

</form>

有人可以帮我解决这个问题吗？谢谢！

【问题讨论】：

标签： html forms submit shadowbox

【解决方案1】：

问题是您正在尝试使用表单的“get”方法上传文件。

method="get" 将尝试将表单数据作为查询字符串参数发送。这不适用于上传文件。

【讨论】：