javascript - jQuery mobile 稍后在网络良好时上传图像

Question

我正在使用 JQuery Mobile 构建移动 Web 应用程序。我已经在应用程序中完成了图像上传，我访问移动相机拍照并上传。

我的问题是当我上传图像时，如果我的网络不好，我会丢失正在上传的图像。

代码:

<form id="uploadimage" action="" method="post" enctype="multipart/form-data">
<input type="file" data-clear-btn="false" name="file" id="file" accept="image/*" capture>
<input type="submit" value="Upload" class="submit" />
</form>

问题:

1. 当互联网连接良好时，有什么办法可以稍后上传图片吗？

2. 有没有办法通过创建文件夹来保存图像并稍后从中上传？

3. 如何使用“jQuery mobile”检查网络强度并提示网络情况较差的用户，以便他/她稍后可以上传!

或者

还有其他办法解决吗？

注意:

• 我的应用程序是通过“浏览器”访问的，因此我知道我只能访问这些文件夹。

• 请不要建议我创建一个应用程序，这样我才能实现我的解决方案。因为我已经有一个可以执行此操作的应用程序。但我的用户很少需要网络应用程序。

Answer 1

这只是一个想法:

1) 您可以在尝试上传文件时启动超时:

  var uploadTimeout= window.setTimeout( function() {
        alert( "upload is slow" );
        // cancel upload and save in temp folder here
    }, 1000 );

   $(document).on( 'load', function() {
        window.clearTimeout( uploadTimeout);
    }, false );

2) 如果崩溃或超时，您可以使用客户端本地存储在客户端存储文件:http://www.w3schools.com/html/html5_webstorage.asp

3)当localStorage中有一些文件时，重试上传它们。