不使用 Ajax 提交 FormData

ond*_*a47 5 forms ajax jquery form-data

我有一个 HTML 表单,用于注册用户。我正在从网络摄像头录制文件,我需要使用表单上传视频文件。

这是我的代码(运行良好):

$("#registration-form").submit(function(event) {
    event.preventDefault();

    var recordedBlob = recordRTC.getBlob();
    var file = new File([recordedBlob], 'filename.webm', {
        type: 'video/webm'
    });
    var formElement = document.getElementById("registration-form");
    var formData = new FormData(formElement);
    formData.append('appbundle_participant[videoFile][file]', file);

    $.ajax({
        url: '',
        data: formData,
        processData: false,
        contentType: false,
        type: 'POST',
        success: function(data) {
            // do some stuff
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

是否可以用 Javascript 提交表单,但其行为与单击提交相同?所以...没有成功或错误功能,只需转到 Web 服务器返回的下一页即可。非常感谢。