Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 互联网可用时自动提交图像表单_Javascript_Html_Forms_Offline - Fatal编程技术网

Javascript 互联网可用时自动提交图像表单

Javascript 互联网可用时自动提交图像表单,javascript,html,forms,offline,Javascript,Html,Forms,Offline,我正在尝试制作一个离线HTML5应用程序,当互联网连接可用时,它会提交一个包含电子邮件地址的图像和文本输入的表单 这就是我尝试过的: <body> <script type='text/javascript'> window.onload = function () { function submit() { setInterval(function () { if (navigato

我正在尝试制作一个离线HTML5应用程序,当互联网连接可用时,它会提交一个包含电子邮件地址的图像和文本输入的表单

这就是我尝试过的:

<body>
    <script type='text/javascript'>
    window.onload = function () {
                function submit() {
        setInterval(function () {
            if (navigator.onLine) {
                //if internet is avaiable do:
                document.getElementById("upload").submit();
            }else {
                //if no internet
                var theDiv = document.getElementById("message");
                                    var content = document.createTextNode("No internet");
                                    theDiv.appendChild(content);
            }
        }, 1000);
    }
            }
    </script>
    <form action="post.php" method="post" enctype="multipart/form-data" id="upload">
    <input type="file" name="uploaded" accept="image/*" capture><br>
    <p>Skriv inn din epost: <input type="text" name="email"></p>
    <input type="submit" value="Send ditt bilde!" name="sendimg" onclick="this.value='Submitting ..';this.disabled='disabled'; submit();">
    <div class="message"></div>

window.onload=函数(){
函数提交(){
setInterval(函数(){
if(navigator.onLine){
//如果互联网可用,请执行以下操作:
document.getElementById(“上载”).submit();
}否则{
//如果没有互联网
var theDiv=document.getElementById(“消息”);
var content=document.createTextNode(“无互联网”);
第四章附则(内容);
}
}, 1000);
}
}

斯克里夫丁埃波斯特酒店


有人有什么建议吗?谢谢:)

有两种方法可以检查这个

此解决方案需要jQuery

$.ajaxSetup({
    timeout: 1, // Microseconds, for the laughs.  Guaranteed timeout.
    error: function(request, status, maybe_an_exception_object) {
        if(status == 'timeout')
            alert("Internet connection is down!");
    }
});


您需要在代码中使用上述内容,并根据需要进行一些调整。

对不起,我还不能发表评论。这样行吗

<script type='text/javascript'>
window.onload = function () {
            function submit() {
    setInterval(function () {
        if (window.navigator.onLine == "true") {
            //if internet is avaiable do:
            document.getElementById("upload").submit();
        }else {
            //if no internet
            var theDiv = document.getElementById("message");
                                var content = document.createTextNode("No internet");
                                theDiv.appendChild(content);
        }
    }, 1000);
}
        }
</script>

window.onload=函数(){
函数提交(){
setInterval(函数(){
如果(window.navigator.onLine==“true”){
//如果互联网可用,请执行以下操作:
document.getElementById(“上载”).submit();
}否则{
//如果没有互联网
var theDiv=document.getElementById(“消息”);
var content=document.createTextNode(“无互联网”);
第四章附则(内容);
}
}, 1000);
}
}

您可以使用在线和离线事件,而不是连续检查Internet连接。参考请参见此。如果用户处于脱机状态,请将数据保存在本地存储器中,然后在再次检测到联机事件后重新发送数据。

我相信是毫秒。您是否尝试过以除单击
onclick
以外的其他方式连接侦听器?internet始终可用。也许互联网连接可能不正确。
<script type='text/javascript'>
window.onload = function () {
            function submit() {
    setInterval(function () {
        if (window.navigator.onLine == "true") {
            //if internet is avaiable do:
            document.getElementById("upload").submit();
        }else {
            //if no internet
            var theDiv = document.getElementById("message");
                                var content = document.createTextNode("No internet");
                                theDiv.appendChild(content);
        }
    }, 1000);
}
        }
</script>