如何在 next.js 页之间传输图像数据
How can I transfer image data between next.js pages
我正在开发 Instagram 克隆版(只是因为我想了解有关 Next.js 的更多信息)并且我想管理图片上传。只希望用户上传他的图像并将其重定向到“创建新的 post”页面。问题是,我不知道如何在页面之间发送图像。我想休息一下 API 来临时存储和检索图像,但这似乎太复杂了。有谁知道我如何实现这个?如果有帮助,我正在使用 next.js 的路由器。
多种方式取决于您的需要。您可以尝试其中之一。
使用 React Context 或状态管理工具。
从页面 A 路由到页面 B 时,使用查询字符串传递您的数据。如果您不想在 URL 上显示它,请使用“as”道具将其屏蔽。如果数据太大;将其作为 Blob URL 传递。然后阅读第二页上的查询。
https://nextjs.org/docs/api-reference/next/router#routerpush
使用本地存储。这可能是最短路线。
我正在开发 Instagram 克隆版(只是因为我想了解有关 Next.js 的更多信息)并且我想管理图片上传。只希望用户上传他的图像并将其重定向到“创建新的 post”页面。问题是,我不知道如何在页面之间发送图像。我想休息一下 API 来临时存储和检索图像,但这似乎太复杂了。有谁知道我如何实现这个?如果有帮助,我正在使用 next.js 的路由器。
多种方式取决于您的需要。您可以尝试其中之一。
使用 React Context 或状态管理工具。
从页面 A 路由到页面 B 时,使用查询字符串传递您的数据。如果您不想在 URL 上显示它,请使用“as”道具将其屏蔽。如果数据太大;将其作为 Blob URL 传递。然后阅读第二页上的查询。 https://nextjs.org/docs/api-reference/next/router#routerpush
使用本地存储。这可能是最短路线。