如何将图像上传到Cloudinary并将图像url保存到mongodb。在应用程序路由器中使用 next js 13.4+

Question

我有一个页面，其中有一个文件输入字段。用户将从设备中选择图像并按上传按钮。单击上传按钮后，图像将上传到 Cloudinary，图像 url 将保存到 mongodb 表。我想使用应用程序路由器在 Next.js 13.4 中执行此操作。但找不到合适的指导。请大家帮忙。

我尝试使用网上找到的可用资源，但没有基于 Next.js 13.4+ 版本的教程。

Answer 1

Cloudinary 有一个关于如何专门为 NextJS 上传资源的教程。本教程涵盖了如何集成上传小部件、上传预设创建以及小部件的自定义。

https://cloudinary.com/documentation/upload_assets_in_nextjs_tutorial