Javascript 从googledriveapi获取图像
我正在使用node.js尝试从我的谷歌硬盘中获取图像。我已经完成了入门,并尝试使用下载将其放入文件中。我的代码显示我成功下载了它,但我看不到文件中的图像。我是API的新手。我只想得到我的图像,并能够将其呈现到我的页面上进行查看。任何帮助都将不胜感激Javascript 从googledriveapi获取图像,javascript,node.js,image,api,google-drive-api,Javascript,Node.js,Image,Api,Google Drive Api,我正在使用node.js尝试从我的谷歌硬盘中获取图像。我已经完成了入门,并尝试使用下载将其放入文件中。我的代码显示我成功下载了它,但我看不到文件中的图像。我是API的新手。我只想得到我的图像,并能够将其呈现到我的页面上进行查看。任何帮助都将不胜感激 const express = require("express"); const path = require ("path"); const bodyParser = require("body-parser"); const ejs = req
const express = require("express");
const path = require ("path");
const bodyParser = require("body-parser");
const ejs = require("ejs");
const app = express();
app.use(express.static(path.join(__dirname, 'public')));
// Google getting started section
const fs = require('fs');
const readline = require('readline');
const {google} = require('googleapis');
// If modifying these scopes, delete token.json.
const SCOPES = ['https://www.googleapis.com/auth/drive.readonly',
'https://www.googleapis.com/auth/drive.metadata.readonly'];
// The file token.json stores the user's access and refresh tokens, and is
// created automatically when the authorization flow completes for the first
// time.
const TOKEN_PATH = 'token.json';
// Load client secrets from a local file.
fs.readFile('credentials.json', (err, content) => {
if (err) return console.log('Error loading client secret file:', err);
// Authorize a client with credentials, then call the Google Drive API.
authorize(JSON.parse(content), listFiles,downloadFile);
});
/**
* Create an OAuth2 client with the given credentials, and then execute the
* given callback function.
* @param {Object} credentials The authorization client credentials.
* @param {function} callback The callback to call with the authorized client.
*/
function authorize(credentials, callback) {
const {client_secret, client_id, redirect_uris} = credentials.installed;
const oAuth2Client = new google.auth.OAuth2(
client_id, client_secret, redirect_uris[0]);
// Check if we have previously stored a token.
fs.readFile(TOKEN_PATH, (err, token) => {
if (err) return getAccessToken(oAuth2Client, callback);
oAuth2Client.setCredentials(JSON.parse(token));
callback(oAuth2Client);
});
}
/**
* Get and store new token after prompting for user authorization, and then
* execute the given callback with the authorized OAuth2 client.
* @param {google.auth.OAuth2} oAuth2Client The OAuth2 client to get token for.
* @param {getEventsCallback} callback The callback for the authorized client.
*/
function getAccessToken(oAuth2Client, callback) {
const authUrl = oAuth2Client.generateAuthUrl({
access_type: 'offline',
scope: SCOPES,
});
console.log('Authorize this app by visiting this url:', authUrl);
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
rl.question('Enter the code from that page here: ', (code) => {
rl.close();
oAuth2Client.getToken(code, (err, token) => {
if (err) return console.error('Error retrieving access token', err);
oAuth2Client.setCredentials(token);
// Store the token to disk for later program executions
fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
if (err) return console.error(err);
console.log('Token stored to', TOKEN_PATH);
});
callback(oAuth2Client);
});
});
}
/**
* Lists the names and IDs of up to 10 files.
* @param {google.auth.OAuth2} auth An authorized OAuth2 client.
*/
function listFiles(auth) {
const drive = google.drive({version: 'v3', auth});
drive.files.list({
pageSize: 10,
fields: 'nextPageToken, files(id, name)',
}, (err, res) => {
if (err) return console.log('The API returned an error: ' + err);
const files = res.data.files;
if (files.length) {
console.log('Files:');
files.map((file) => {
downloadFile(auth);
});
} else {
console.log('No files found.');
}
});
}
// download to local file
function downloadFile(auth) {const drive = google.drive({version: "v3",
auth});
var fileId = "######";
var dest = fs.createWriteStream("public/images/photo.jpg");
drive.files.get({fileId: fileId, alt: "media"}, {responseType: "stream"},
function(err, res){
res.data
.on("end", () => {
})
.on("error", err => {
console.log("Error", err);
})
.pipe(dest);
// I am geeting success but I cant find the Image
console.log("success");
});
}
不确定这是否能解决问题,但我猜问题在于
路径
写入文件的位置。代码本身似乎直接来自,而且似乎是正确的
基于,相对路径以斜杠(/
)开头
因此,尝试改变这一点:
var dest=fs.createWriteStream(“public/images/photo.jpg”);
为此:
var dest=fs.createWriteStream(“/public/images/photo.jpg”);
参考:
/public/images/photo.jpg
不在应用程序的目录中。你知道它在哪里吗?关于你的第二个问题,你应该能够做到,但它是否可取以及你应该采取何种方式取决于你所处的具体情况。例如,您可以将图像放在公用文件夹中,然后使用相应的URL渲染图像,或者您可以将从API检索到的图像作为响应发送,而不使用fs.createWriteStream
。我使用express进行了设置。我有一个公用文件夹,其中有一个js文件夹,其中有一个index.js。公用文件夹还包含一个css文件夹,其中有my styles.css,还有一个图像文件夹,其中有一个图像文件。Js和css都工作正常。@Joshalred因此,如果您从index.Js
执行此操作,并且尝试访问另一个子目录,我认为这应该可以工作:fs.createWriteStream(_dirname+“/../css/images/photo.jpg”)代码>。如果有,请告诉我,我会相应地更新我的答案。