在没有Ajax的情况下提交FormData

时间:2017-08-23 11:48:22

标签: jquery ajax forms form-data

我有一个用于注册用户的HTML表单。我正在从WebCam录制文件,我需要上传带有表单的视频文件。

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

$("#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
        }
    });
});

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

0 个答案:

没有答案