首页 > 解决方案 > 文件从 angular 5/6 上传到谷歌驱动器

问题描述

我想在angular 5/6网络应用程序中集成谷歌驱动器,我如何将文档/文件上传到谷歌驱动器angular 5/6 web app。是否可能,如果是,那么如何?

任何人都可以分享编码的完整过程。

我试过google drive api了,但没有任何关于在 Angular 5 中实现的文档。

我尝试过:https ://developers.google.com/drive/api/v2/reference/files/insert

    function insertFile(fileData, callback) {
    const boundary = '-------314159265358979323846';
    const delimiter = "\r\n--" + boundary + "\r\n";
    const 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 = {
  'title': fileData.fileName,
  '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;

var request = gapi.client.request({
    'path': '/upload/drive/v2/files',
    'method': 'POST',
    'params': {'uploadType': 'multipart'},
    'headers': {
      'Content-Type': 'multipart/mixed; boundary="' + boundary + '"'
    },
    'body': multipartRequestBody});
if (!callback) {
  callback = function(file) {
    console.log(file)
  };
}
request.execute(callback);
  }
}

标签: angulargoogle-drive-apiangular5

解决方案


推荐阅读