Form表单POST方法总是返回406

最新推荐文章于 2025-08-22 10:24:20 发布

原创最新推荐文章于 2025-08-22 10:24:20 发布 · 置顶 · 812 阅读

CC 4.0 BY-SA版权

本文探讨了使用iframe提交表单上传书籍封面图片时遇到的问题，即上传成功后返回406错误页面且提示上传失败。通过对比两种提交方式，iframe的submit()方法和ajaxSubmit()方法，阐述了如何避免此问题，确保上传过程正确反馈。

<form id="uploadImg" enctype="multipart/form-data" method="post" target="coverUploadTarget" action="uploadBookCover.action">
    <input name="file" type="file" class="hide"  accept="image/*" />		 
</form>
<div class="warnTip">上传格式限制：gif、jpg、jpeg、bmp、png</div>
<iframe style="display:none;" src="" name="coverUploadTarget"></iframe>

form的提交如下两种，第一种iframe标签中是406页面，上传成功给的提示是上传失败。改用第二种，就能解决这个问题。

/*第一种提交方式：submit()*/
$('#uploadImg').submit();
//初始化时绑事件：
$('#div-uploadImg-dialog iframe').bind("load", function() {          
            
    if (this.contentWindow.document.body.innerHTML == "1") {
        uploadDialog.dialog('close');
        window.location.reload();
    } else {
        uploadDialog.dialog("close");
        commonConfirmDialog.init({
            'okHandler': function () {
                uploadDialog.dialog('open');
            }, 'cancelHandler': function () {
                 uploadDialog.dialog("close");
            }
        }).html('上传失败，是否需要重新上传？');
        commonConfirmDialog.show();
    }          		
});


/*第二种提交方式：ajaxSubmit()*/
$('#uploadImg').ajaxSubmit({
    success: function (responseText) {
        if (responseText == "1") {
            uploadDialog.dialog('close');
            window.location.reload();
        } else {
            uploadDialog.dialog("close");
            commonConfirmDialog.init({ 
                'okHandler': function () {
                    uploadDialog.dialog('open');
                },
                 'cancelHandler': function () {
                    uploadDialog.dialog("close");
                }
            }).html('上传失败，是否需要重新上传？');
            commonConfirmDialog.show();
        }
    }
});