如何上传裁剪后的图像?|反应



我希望用户上传并裁剪他们的个人资料图像。我的用户react-cropper反应cropper和得到裁剪的图像URL。但我不知道如何获得裁剪的图像文件,以便上传到服务器。

这是链接

https://codesandbox.io/s/crazy-wu-8z13i?file=/src/Demo.tsx:62-75

React cropper为您提供图像的Base64 URL。

我们可以将这个URL转换为File对象,正如我在这个Codesandbox中演示的那样。

正如Codesandbox中的注释所解释的,一旦您有了文件,我们就可以将文件上传到S3或您喜欢的任何其他地方。

如果您想将此文件发送到Node.js服务器,可以在Express服务器上使用Multer来创建/upload路由。这是一个指南。

希望这能有所帮助。:(

相关内容

  • 没有找到相关文章

最新更新