jquery beforeSubmit不工作

时间:2014-03-04 17:16:17

标签: javascript jquery html5 ajaxsubmit

我在提交之前使用html5容量来读取图像宽度和高度... 嗯,这并没有完全发生,似乎是功能所需的时间:

reader.readAsDataURL(); 
reader.onload = function();
image.onload = function();

读取文件的时间远远超过我的表单在发送图片之前能够等待的时间。 我可以检查是否已触发beforeSubmit函数,但表单在完成之前已提交 另一个奇怪的事情是我用一个简单的返回假句替换了beforeSubmit函数内容,无论如何都要提交表单。
我是否遗漏了关于ajaxSubmit中的beforeSubmit选项的内容?

beforeSubmit函数已被最小化为返回false语句,这里是提交(表单在对话框()里面,可能是这个线索?:

$('.block .imgpop').on("click",function()
{
    type = $(this).attr('emimage');
    currentype = type;
    options = 
    {
        type: 'POST',
        target:   '#uploadverbose',
        beforeSend:  beforeSubmit,
        resetForm: true,
        success: showResponse,
        data: { type: $(this).attr('emimage'), tempname: $(this).attr('id'), maxsize: imgsizesW[$(this).attr('emimage')] },
        dataType : "text"
    };
    $('#uploadbitch').dialog(
    {
        closeOnEscape: true,
        width: 800,
        modal: true 
    });
    return false;
});

$(document).on("click","#MyUploadForm input[type=submit]", function(e, submit)
{
        if (!submit) e.preventDefault();
        $('#MyUploadForm').ajaxSubmit(options);                                 
    });

2 个答案:

答案 0 :(得分:0)

$(document).on("submit","#MyUploadForm", function(e, submit)
{
         e.preventDefault();
        $('#MyUploadForm').ajaxSubmit(options);                                 
});

如果您尝试处理onclick on submit按钮,则表示不会停止提交表单。

答案 1 :(得分:0)

它可能完全是答案,但它确实有效。我已将所有图像测试放在输入字段中,并带有“更改”事件,它对我来说效果很好。表格提交中的早熟仍未解决。