Автоматическая отправка формы изображения, когда интернет доступен

Question

Автоматическая отправка формы изображения, когда интернет доступен

0

Я пытаюсь сделать автономное приложение 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>

Есть ли у кого-нибудь предложения? Благодаря :)

user3061741 03 дек. 2013, в 15:26

Источник

0

Вы пробовали подключить слушателя не по onclick ?
codename- 03 дек. 2013, в 14:38
0

Интернет всегда доступен. Возможно, подключения к Интернету не может быть.
BrownEyes 03 дек. 2013, в 14:39

Теги:

javascript

html

forms

offline

3 ответа

Ещё вопросы

Вы пробовали подключить слушателя не по onclick ?
Интернет всегда доступен. Возможно, подключения к Интернету не может быть.

GemK · Answer 1 · 2013-12-04T06-05-00.000Z

Вместо постоянной проверки подключения к Интернету вы можете использовать онлайн-и оффлайн-события. Для справки см. Этот https://developer.mozilla.org/en/docs/Online_and_offline_events. Если пользователь находится в автономном режиме, сохраните данные в локальном хранилище и затем повторно отправьте данные после повторного обнаружения онлайн-события.

user1888043 · Answer 2 · 2013-12-03T11-42-00.000Z

Извините, но я не могу ответить. Будет ли это работать?

<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>

Sunil Verma · Answer 3 · 2013-12-03T11-20-00.000Z

Тебе два способа проверить это

Для этого решения требуется 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!");
    }
});

А также

window.navigator.onLine -- it will be false if the user is offline.

Вы должны использовать выше в своем коде с некоторой настройкой в соответствии с требованиями.