cloudinary怎么上传图片？

Question

我编写了用于上传图片的简单代码 cloudinary。但是哪里有错误。

import axios from 'axios'

const uploadPic = async (media) => {
    try {
        const form = new FormData();
        form.append('file', media);
        form.append('upload_presets', 'social_media');
        form.append('cloud_name', 'tmcotem');
        const res = await axios.post(process.env.CLOUDINARY_URL, form)
        return res.data.url;
    } catch (error) {
        console.log(error);
    }
}
export default uploadPic;

CLOUDINARY_URL 是 CLOUDINARY_URL: "https:api.cloudinary.com/v1_1/tmcotem/image/upload

但是我无法上传。请帮我。我的仪表板 cloudinary 云名称是 tmcotem 但右上角的栏写了另一个云名称。我试试这些云名称。但是不能。当我上传图片时出现此错误：

Error: Request failed with status code 400 at createError (createError.js:16:1) at settle (settle.js:17:1) at XMLHttpRequest.onloadend (xhr.js:54:1)

Answer 1

Cloudinary 中没有名为 upload_presets 的参数，应该是 upload_preset（参考 upload() 参数。

此外，您不需要在 form-data 中传递 cloud_name，因为它是您要发布到的 URL 的一部分，因此可以完全删除该行。

这两项更改应该可以解决上传问题。

cloudinary怎么上传图片？

How to upload pictures cloudinary?

node.js

cloudinary

axios