使用nextjs和trpc将blob(图像)从前端发送到后端(T3堆栈)

3lxsmp7m  于 2023-05-06  发布在  其他
关注(0)|答案(1)|浏览(221)

我尝试将一张传单Map的图片从后端发送到前端,在前端我使用leaflet-simple-map-screenshoter库拍摄图像。这将返回一个blob,我想将其发送到后端,这样我就可以将其保存为PDF。我使用的是T3堆栈,它使用Next.js和TRPC。我尝试了很多方法来发送它,base64,plain Blob,ArrayBuffer等等。出现的问题是,当我将其发送到后端时,头部请求要么太大,要么它只是没有正确传输Blob对象。
有没有人知道我该如何解决这个问题?如果你想知道其他的信息,请告诉我,我会尽快更新帖子,谢谢!
问候奥拉夫

txu3uszq

txu3uszq1#

您不应该通过tRPC发送blob。如果要将大型文件发送到存储,则应使用预签名的URL。与T3堆栈集成最好的解决方案是uploadthing,但您可以直接使用S3/R2/其他。
tRPC对FormData的支持目前正在开发中,所以当它落地时,这个答案可能会改变。

相关问题