Javascript Google Photos API中的newMediaItemResults出错
我能够在Javascript Google Photos API中的newMediaItemResults出错,javascript,json,vue.js,google-photos-api,Javascript,Json,Vue.js,Google Photos Api,我能够在batchCreate上获得上传令牌和200状态代码。然而,详细的答复是: { "newMediaItemResults": [ { "uploadToken": "CAISqQMAqD4uLZF/uW6bVfUSjQTCRLEgg9ngZv9lS/VqwBw3puvDr2+FGxes9bCQ6VRS8Wd3hdm1sqmZ07CAclBbqR2S+JqRJoOS820km7RHGlZvODMcg1e+U5aFx5
batchCreate
上获得上传令牌和200状态代码。然而,详细的答复是:
{
"newMediaItemResults": [
{
"uploadToken": "CAISqQMAqD4uLZF/uW6bVfUSjQTCRLEgg9ngZv9lS/VqwBw3puvDr2+FGxes9bCQ6VRS8Wd3hdm1sqmZ07CAclBbqR2S+JqRJoOS820km7RHGlZvODMcg1e+U5aFx5I+w59lz0NoyfmaUq4FQ7TqaoTqkW7vgOd2+s5z9qZtAYbqovR7+Az6xfUoZ7wZGwVnDDC0Q9Naf/Qu9qOo3yemZ/jVyE5gMpTj4jtAd+cb4DBCtWLK5cZREJUq18wiB3MqojF5Kv7UOo15dxgRTMR3lib+3s6W+BlBTc1LjZ7WSAr6PX1kA/wgxz74Cpo4neM4WRwPp5E+mSSHCGHpFzPKE8t5xpN71aOrM1d8WoT0jZApnDCAv5ggMUteli9BNSTZSPcZb7AJNUAssUKsDfb0F9NoZedDfrQZUlGH0UqYjj7X74Uk7qMtDCp2XS65LuiUNS2VCkOZydPg2Vtapvpgo/n+h2ib00+e3ci+H1+Zlo7OMH+j99TZof7p7fOdnOcQ2vF+EATdG4p6DatxFvE1op/M8hfvgVAYqV9h6aWUzxIDNKRSy1JKFcM7LO5DIA",
"status": {
"code": 3,
"message": "Failed: There was an error while trying to create this media item."
}
}
]
}
有人能给我解释一下我做错了什么吗
下面是上传功能的代码
uploadImages(images, token) {
const promises = Array.from(images).map(image => {
const formData = new FormData();
formData.append('media-binary-data', image);
console.log(formData);
return axios.post(`${UPLOAD_URL}`, formData, {
headers: {
'Content-Type': "application/octet-stream",
'X-Goog-Upload-File-Name': '',
'X-Goog-Upload-Protocol': "raw",
'Authorization': `Bearer ${token}`,
},
}).then((response) => {
return axios.post('https://photoslibrary.googleapis.com/v1/mediaItems:batchCreate',
{
"newMediaItems": [
{
"description": "item-description",
"simpleMediaItem": {
"uploadToken": response.data
}
}
]
}
,
{
headers: {
'Content-type': 'application/json',
'Authorization': `Bearer ${token}`,
},
})
})
});
return Promise.all(promises);
}
我相信你的目标如下
- 您希望使用axios和Javascript,使用Google Photo API将图像文件上载到Google Photo
的images
是const promises=Array.from(images).map(image=>{
document.getElementById(“####”)。文件
来自
- 从您的错误消息中,我认为文件可能无法正确上载。
- 在此修改的脚本中,未使用
FormData()
- 在此修改的脚本中,未使用
- 通过“mediaItems.batchCreate”的方法,上传多个文件后,它们的文件可以用于一个API调用
是https://photoslibrary.googleapis.com/v1/mediaItems:batchCreate
。因此,在本例中,请使用application/json
对请求正文进行处理json.stringify
- 在这个修改后的脚本中,它假设您的访问令牌可以用于使用Google Photo API将图像文件上载到Google Photo。请注意这一点
- 在这个修改后的脚本中,作为一个示例情况,添加了HTML标记。在我的环境中,我可以确认上述修改后的脚本是否有效。但我认为上述HTML标记可能与您的实际情况不同。因此,请根据您的实际情况修改上述脚本
<input type="file" id="files" name="file" multiple>
<input type="button" onclick="run()" value="ok">
function uploadImages(images, token) {
const promises = Array.from(images).map(image => {
return new Promise(r => {
axios.post("https://photoslibrary.googleapis.com/v1/uploads", image, {
headers: {
'Content-Type': "application/octet-stream",
'X-Goog-Upload-File-Name': image.name,
'X-Goog-Upload-Protocol': "raw",
'Authorization': `Bearer ${token}`,
}
}).then((response) => {
r({description: "item-description", simpleMediaItem: {fileName: image.name, uploadToken: response.data}});
});
});
});
return Promise.all(promises).then(e => {
return new Promise((resolve, reject) => {
axios.post('https://photoslibrary.googleapis.com/v1/mediaItems:batchCreate',
JSON.stringify({newMediaItems: e}),
{headers: {'Content-type': 'application/json', 'Authorization': `Bearer ${token}`},
})
.then(resolve)
.catch(reject);
});
});
}
// This function is run.
function run() {
const token = "###"; // Please set your access token.
const files = document.getElementById("files").files;
uploadImages(files, token)
.then(e => console.log(e))
.catch(err => console.log(err));
}