上载表单和图像时阻止某人刷新页面吗？

Question

我有一个表格，您可以将文本数据上传到数据库，并以相同的形式将图像上传到数据库。一切正常。我使用jQuery AJAX和PHP提交表单。

如果附有图片，它可以很好地提交图片，但是问题是，当我在上传时显示加载程序时，用户仍然可以从浏览器刷新页面，该浏览器有时仅上传文本，而没有上传图片没有图片的帖子。如何防止这种情况发生？

我目前未共享任何代码，因为我不知道该问哪种方式

Answer 1

您可以通过以下方法向用户显示警告：

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

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

注意：：这只是在离开之前接受用户的确认，这将使用户考虑自己将要做什么！你不能阻止他这样做。