Google云端存储上传请求有时会起作用,有时候不会 - 可以恢复吗?

时间:2016-02-15 13:38:41

标签: javascript google-cloud-storage

这里有点咸菜。我已经设置了Google Cloud Storage存储桶,并且可能有大约60%的时间将文件上传到存储桶的网页。但是,有时它并没有,我也不知道为什么。

我是从手机上试试的,所以它可能是信号。因此,我想我需要考虑的一件事就是让它可以恢复(文件本身并不大 - 不到2mb,但我们所获得的服务并不是很好)。

那么,我怎么能把它变成可恢复(而不是多部分)的上传?你认为这会解决这个问题吗?

以下代码:

            function insertObject(event) {
            try {
                var fileData = event.target.files[0];
            } 
            catch(e) {
                return;
            }
          var boundary = '-------314159265358979323846';
          var delimiter = "\r\n--" + boundary + "\r\n";
          var close_delim = "\r\n--" + boundary + "--";

            var reader = new FileReader();
            reader.readAsBinaryString(fileData);
            reader.onload = function(e) {
                var contentType = fileData.type || 'application/octet-stream';
                var metadata = {
                    'name': fileData.name,
                    'mimeType': contentType
                };

                var base64Data = btoa(reader.result);
                var multipartRequestBody =
                  delimiter +
                  'Content-Type: application/json\r\n\r\n' +
                  JSON.stringify(metadata) +
                  delimiter +
                  'Content-Type: ' + contentType + '\r\n' +
                  'Content-Transfer-Encoding: base64\r\n' +
                  '\r\n' +
                  base64Data +
                  close_delim;

                //Note: gapi.client.storage.objects.insert() can only insert
                //small objects (under 64k) so to support larger file sizes
                //we're using the generic HTTP request method gapi.client.request()
                var request = gapi.client.request({
                    'path': '/upload/storage/' + API_VERSION + '/b/' + BUCKET + '/o',
                    'method': 'POST',
                    'params': {'uploadType': 'multipart'},
                    'headers': {
                        'Content-Type': 'multipart/mixed; boundary="' + boundary + '"'
                    },
                    'body': multipartRequestBody});
                //Remove the current API result entry in the main-content div
                //listChildren = document.getElementById('main-content').childNodes;
                //if (listChildren.length > 1) {
                //    listChildren[1].parentNode.removeChild(listChildren[1]);
                //} 

                //look at http://stackoverflow.com/questions/30317797/uploading-additional-metadata-as-part-of-file-upload-request-to-google-cloud-sto

                try{
                    //Execute the insert object request
                    //document.getElementById("authorize-button").click();
                    executeRequest(request, 'insertObject');
                    //Store the name of the inserted object
                    document.getElementById("btnUpload").click();
                    object = fileData.name;
                }
                catch(e) {
                    alert('An error has occurred: ' + e.message);
                }
            }
        }
编辑 - 只是从我的电脑上试了一下,它上传了17个没有问题的文件 - 通常只是开始直接从手机上掉下来。因此,我认为这是一个信号问题,并使其可恢复将完成这项工作。

1 个答案:

答案 0 :(得分:2)

嗯,这很令人尴尬。

我决定检查代码是否正确上传文件,并删除了

document.getElementById("btnUpload").click();
object = fileData.name;

在代码的最后一个元素中(btnUpload执行了我需要的一些C#内容,但我根本不需要该对象)。我从我的手机上试了20张图片,当它通常只做了大约12张时,它完成了所有20张 - 而且效果更好。

所以我认为问题是btnUpload.click在文件传输完成之前控制了进程。我必须找到一种方法将其合并到代码中而不会干扰事情。

Github link

刚刚将btnUpload.click()从insertobject内部移动到executeRequest(就在它调用日志之后)。现在似乎只是一个小问题,但不是文件上传。 btnUpload的东西会在它应该的地方调用,剩下的就是整理网页。

编辑 - 顺便说一句,为了应对请求长度很长(对于4mb或更多的文件),我将其添加到web.config(在system.web中):

<httpRuntime maxRequestLength="214748364"/>