Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Photos API中的newMediaItemResults出错_Javascript_Json_Vue.js_Google Photos Api - Fatal编程技术网

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
    对请求正文进行处理
当以上几点反映到您的脚本中时,它将如下所示

修改脚本: HTML端: 注:
  • 在这个修改后的脚本中,它假设您的访问令牌可以用于使用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));
}