使用JQuery表单插件触发文件上传中的提交

Question

我正在使用JQuery表单插件进行文件上传。

现在，此刻我正在使用常规的提交按钮，但我更希望有一个div触发提交。

我试过了

$(document).on('click', '#settings_changeprofilepic_dialog1_submit', function(event){
        $(document).find('#UploadNewImage').submit();
});

（“＃settings_changeprofilepic_dialog1_submit”是我的新提交div）

（“ #UploadNewImage”是我的表单）

但是它不会开火...

有人可以帮我弄这个吗？ 我试图用谷歌搜索这个问题，但是术语JQuery，Form，Submit，File Upload等似乎太含糊，无法获得我要的答案...

Answer 1

根据您提供的信息，很难确定问题的原因。 让我们尝试一些简单的调试，以了解可能发生的情况。

我可能会尝试先将表单记录到控制台，以确保jQuery确实找到了表单。 就像这样： console.log( $(document).find('#UploadNewImage') );

如果您仍然遇到问题，那很好，我们可以看一下代码。 给我们提供指向其托管位置的链接，或使用jsbin或jsfiddle这样的网站。