上载base64映像而无需使用reactjs在文件资源管理器中选择文件

时间:2019-02-04 16:26:59

标签: reactjs

美好的一天,

我正在使用reactjs进行图像处理。我的应用程序的基本工作方式是:截取页面的屏幕截图,然后向图像中添加react-konva元素(例如Labels),然后用户可以选择下载已编辑的图像或将其上传并转储到数据库或使用axios库存储驱动器/ firebase / imgur之类的存储。

虽然上传图像似乎相对可行,但此应用程序的要求是将正在处理的图像作为图像直接上传到云数据库/存储中,而不必使用文件资源管理器选择文件。

被操纵的图像在画布对象中,因此我将能够使用toDataURL()获取图像的url,然后将其作为图像文件上传。我面临的问题是,如何在不必从文件浏览器中选择文件的情况下执行此操作。

此处演示:https://codesandbox.io/s/lvm1n7w89

编辑 上传完成后,我还必须存储并返回图像URL,以便用户可以查看它们。

0 个答案:

没有答案