Google Picker =>如何下载文件

时间:2017-07-24 02:59:06

标签: javascript c#-4.0 google-picker

C#如果重要的话。我想要做的是允许手机(或桌面)上的用户将文件上传到我的网络服务器。我已经建立了选择器,得到了auth所有想到的范围drive.readonly。

但是,在下载文件时,我在示例中看到的是他们使用Javascript下载它然后再将其上传到服务器。我想从我的服务器上获取它。我用Dropbox工作得很好,但谷歌是一个问题。

我按照指南这里: https://developers.google.com/picker/docs/

然后我将fileId和token发送到服务器:

 function pickerCallback(data) {
    if (data.action == google.picker.Action.PICKED) {
        var datastring = "url=" + data.docs[0].url + "&name=" + data.docs[0].name + "&mimetype=" + data.docs[0].mimetype + "&fileId=" + data.docs[0].id + "&token=" + oauthToken;
            $.ajax({
                type: "POST",
                url: "/FileUpload/GetGoogleDriveFile/",
                data: datastring,
                dataType: "json",
                success: function (data) {
                    if (data.success != null && data.success == true) {
                        window.location.href = "@Html.Raw(AfterUploadDestination)";
                    }
                    else
                    {
                        alert("Error: " + data.ErrorMsg);
                    }
                },
                error: function (xhr, textStatus, errorThrown) {
                    console.log(xhr.responseText);
                }
            });


        googlepicker.setVisible(false);
    }
}

然后在服务器上我有类似......

 var client = new System.Net.WebClient();
            client.Headers.Set(HttpRequestHeader.Authorization, "Bearer " + file.token);

然后使用文件:

doc.Contents = client.DownloadData(string.Format("https://www.googleapis.com/drive/v3/files/{0}?alt=media", file.fileId));

问题是该文件不仅仅是文件的二进制流,而是当您使用该链接访问该网站时谷歌显示的网页本身。

我在世界上如何下载文件?

提前致谢,我希望不会有这么长时间没有人阅读。

3 个答案:

答案 0 :(得分:1)

是我。

我向Google询问了问题可能是什么以及支持回来了,您需要创建“其他”类型的客户端ID。所以当它不起作用时,我认为这是我的代码。

我需要做的就是使用来自客户端ID作为网站(Web应用程序类型)并为选择器创建一个特定的API密钥。

对于有问题的人来说,这是代码的核心:

所以我的客户端代码是:

function pickerCallback(data) {
        if (data.action == google.picker.Action.PICKED) {
            var datastring = "url=" + data.docs[0].url + "&name=" + data.docs[0].name + "&mimetype=" + data.docs[0].mimetype + "&fileId=" + data.docs[0].id + "&token=" + oauthToken;
                $.ajax({
                    type: "POST",
                    url: "/FileUpload/GetGoogleDriveFile/",
                    data: datastring,
                    dataType: "json",
                    success: function (data) {
                        if (data.success != null && data.success == true) {
                            window.location.href = "@Html.Raw(AfterUploadDestination)";
                        }
                        else
                        {
                            alert("Error: " + data.ErrorMsg);
                        }
                    },
                    error: function (xhr, textStatus, errorThrown) {
                        console.log(xhr.responseText);
                    }
                });
            googlepicker.setVisible(false);
        }
    }

服务器代码是:

 public class GoogleFileDetails
        {
            public string url { get; set; }
            public string name { get; set; }
            public int mimetype { get; set; }
            public string fileId { get; set; }
            public string token { get; set; }
        }

[HttpPost]
 public ActionResult GetGoogleDriveFile(GoogleFileDetails file) {

            byte[] contents = null;
            try
            {
                var client = new System.Net.WebClient();
                client.Headers.Set(HttpRequestHeader.Authorization, "Bearer " + file.token);
                contents = client.DownloadData(string.Format("https://www.googleapis.com/drive/v2/files/{0}?alt=media", file.fileId));
            } catch etc...

答案 1 :(得分:0)

您可以使用Google Picker API查看此documentation有关如何打开文件的信息。当用户从列表中选择文件时,会返回switch (get_class($entity)) { case 'ObjectA': $svc = new PdfPrintVersion1(); $pdf = $svc->print($entity); break; case 'ObjectB': $svc = new PdfPrintVersion2(); $pdf = $svc->print($entity); break; } ,并且您的应用可能会使用file ID来访问该文件。在打开文件时从选择器获取ID后,应用程序可以获取文件元数据并下载文件内容,如files.get的参考文档中所述。

答案 2 :(得分:0)

我使用此代码使用谷歌选择器从驱动器下载二进制图像。技巧部分在 xhr.responseType ='blob';

var xhr = new XMLHttpRequest();
xhr.open('GET', THE_PREVIOUSLY_GOTTEN_DOWNLOAD_URL);
xhr.setRequestHeader('Authorization', 'Bearer ' + THE_OBTAINED_OAUTHTOKEN);
xhr.responseType = 'blob';

xhr.onload = function () {

   // Better trigger and event and manage the response outside the onload function. 
   // Just for demo purposes:

   $('#THE_IMG_ID').attr( 'src', URL.createObjectURL(xhr.response) );
};

xhr.onerror = function () {
};

xhr.send();