0

在我的 react native 应用程序中，我实现了一个将图像上传到 Cloudinary 的功能，并且效果很好。但是现在我也需要上传音频文件，所以我重新调整了功能，但是，尽管将“resource_type”参数指定为“raw”（我也尝试使用“video”和“auto”），但我收到错误 [错误：无效图像文件]。

const CLOUDINARY_UPLOAD_URL = `https://api.cloudinary.com/v1_1/${CLOUD_NAME}/image/upload`;

// takes base64 audio file as argument
export const uploadAudio = async (
    audio: string
  ): Promise<UploadImageResult> => {
    

    // function that requests  a signature to my API in order to load the resource 
    const {
      signature,
      timestamp,
      upload_preset,
    } = await getCloudinarySignature();
  

    const formData = new FormData();
    formData.append("file", audio);
    formData.append("resource_type", "raw");
    formData.append("signature", signature);
    formData.append("timestamp", timestamp);
    formData.append("upload_preset", upload_preset);
    formData.append("api_key", API_KEY);
  

    const res = await fetch(CLOUDINARY_UPLOAD_URL, {
      method: "POST",
      body: formData,
    });
  
    const data = await res.json();
  
    if (!res.ok || !data.secure_url) throw new Error(data.error.message);
  
    return {
      url: data.secure_url,
      asset_id: data.asset_id,
      public_id: data.public_id,
    };
  };

有谁知道我做错了什么？谢谢你。

4

1 回答 1

1

这resource_type是 Upload API 端点（CLOUDINARY_UPLOAD_URL在您的情况下）的一部分，而不是作为 Form 参数的一部分，并且由于您的 URL 始终使用/image/upload它，因此将被resource_type检查是否导致错误。

您可以做的是删除resource_type表单参数并根据文件类型在 URL 中设置适当的路径，例如/video/upload（用于视频和音频）或/raw/upload其他文件类型，如 txt、json 等。

或者，您可以将值设置为/auto/upload，您可以上传任何文件类型，而无需专门将其更改为“图像”、“视频”或“原始”。'auto' 将把逻辑留给 Cloudinary 来确定正确的 resource_type 以使用每个资产。

于 2021-02-06T10:28:07.873 回答