Отключить перенаправление формы

Question

Итак, у меня есть эта форма, которая загружает файл на сторонний хост, загрузка работает нормально, но я получаю перенаправление после завершения загрузки, я прочитал, что Ajax может решить эту проблему, но я попытался многие Ajax решения и другие, похоже, не сработали, возможно, потому что действие выполняется за пределами моего сайта? любая помощь очень ценится!

<form id="myform" enctype="multipart/form-data" action="https://website/upload/01" method="post">
    <input type="hidden" name="api_key" value="XXXXXXX">
    <input name="file" type="file">
         <input value="Upload" type="submit">    

Answer 1

Вы можете использовать e.preventDefault();

Здесь я приложил пример кода с Jquery и ajax.

jQuery + Ajax

 $("form#myform").submit(function(e) {
        e.preventDefault();    
        var formData = new FormData(this);

        $.ajax({
            url: window.location.pathname, // location of form submit
            type: 'POST',
            data: formData,
            success: function (data) {
                alert(data)
            },
            cache: false,
            contentType: false,
            processData: false
        });
    });

Ссылка: Загрузка данных и файлов в одной форме с использованием Ajax?