如何在Shadowbox中提交我的表单?

时间:2013-05-19 04:32:14

标签: html forms submit shadowbox

我正在尝试使用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>

有人可以帮我解决这个问题吗?谢谢!

1 个答案:

答案 0 :(得分:1)

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

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