DEV Community
·
在 Next.js 中上传图片（文件上传，Filestack）
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
在Next.js中上传图片可以直接上传到后端或使用Filestack服务。直接上传需要创建表单和API端点，适合简单需求；Filestack则需安装相关包和获取API密钥，提供高级文件管理功能。
🎯
关键要点
- 在Next.js中上传图片有两种方法：直接上传到后端或使用Filestack服务。
- 直接上传需要创建表单和API端点，适合简单需求。
- 使用Filestack需要安装相关包并获取API密钥，提供高级文件管理功能。
- 创建上传表单时，使用useState存储文件并通过fetch发送到后端。
- 在Next.js中创建API端点处理上传，使用fs模块保存文件。
- 确保项目根目录下有一个名为uploads的文件夹。
- 使用Filestack时，首先需要安装Filestack包并设置API密钥。
- Filestack提供现成的上传组件，用户可以方便地选择和上传图片。
- 上传后可以使用Filestack生成的URL显示上传的图片。
➡️
