Предотвращение обновления страницы при загрузке формы и изображения?

Question

У меня есть форма, в которую вы можете загружать текстовые данные в базу данных и изображение в той же форме. Все работает хорошо Я использую jQuery AJAX с PHP для отправки формы.

Хорошо передает изображение, если оно прикреплено, но проблема в том, что когда я показываю загрузчик во время загрузки, у пользователя все еще есть возможность обновить страницу из браузера, который иногда загружает только текст, а не прикрепленное изображение, которое показывает пост без изображения. Как я могу предотвратить это?

Пока что я не поделился ни одним кодом, потому что не знал, как задать этот вопрос

Answer 1

Вы можете отобразить предупреждение для пользователя, используя следующий метод:

function enableBeforeUnload() {
    window.onbeforeunload = function (e) {
        return true;
    };
}
function disableBeforeUnload() {
    window.onbeforeunload = null;
}

if(processing)
   enableBeforeUnload();
else
  disableBeforeUnload();

Примечание: Это просто примет подтверждение пользователя перед уходом, что позволит пользователю думать, что он собирается делать!Вы не можете помешать ему сделать это.