Question

我想阻止用户在将文件上传到我的服务器时离开我的网站。所以我可以使用这个javascript ...

向用户发送提醒消息

 window.onbeforeunload = function() {
       return "Your files are not completely uploaded...";
 }

我遇到的问题是文件上传完成后我不想阻止用户导航。所以基本上我只想在用户试图在文件上传时离开网站时弹出警报消息。当文件完全上传时，我可以console.log（“文件上传完成”），所以我知道应该在哪里停止这个事件，但我不确定代码应该是什么样子。任何帮助是极大的赞赏。

Answer 1

只需放置一个标记并在beforeunload中检查它，在上传时将其设置为true，在完成时将其设置为false。

 window.onbeforeunload = function() {
       if (prevent_leave) {
           return "Your files are not completely uploaded...";
       }
 }

Answer 2

您可以使用jQuery表单插件进行检查。 File upload progress bar with jQuery

它可以让您获取上传文件的百分比，并通过检查（无论是否已完成或不是100％），您可以向用户显示警告消息。

Answer 3

我已将此javascript放在用户首次上传文件的函数中...

window.onbeforeunload = function() {
       var prevent_leave = true;
       if (prevent_leave) {
           return "Your files are not completely uploaded...";
       }
 }

然后我在文件完成后放了这个javascript ..

 window.onbeforeunload = function() {
       var prevent_leave = false;
       if (prevent_leave) {
           return "Your files are not completely uploaded...";
       }
 }

这也像我预期的那样有效。谢谢@jcubic

在文件上传时阻止用户离开页面

3 个答案: