Matplotlib图像将显示在Heroku托管的Flask应用程序上

Question

我正在尝试制作Flask应用并将其托管在Heroku上。

单击“生成”按钮后，该应用程序将获取一些文本和数字数据，执行计算并显示图形。它将Matplotlib生成的图存储在名为“ / static”的文件夹中。 现在，在Heroku上，不允许使用名为“ / static”的文件夹，并且该文件夹不起作用。但是在一些地方阅读后，我尝试使用'/ tmp'，但这也不起作用。

下面是我得到的。

以下是处理文件生成的代码：

const handleNewQuestion = () => {
      setQuestions([
         ...questions,
         <Question
            key={questions.length}
            count={questions.length}
            formData={formData}
            setFormData={setFormData}
            handleRemoveQuestion={handleRemoveQuestion}
         />
      ])
   }

<Button onClick={handleNewQuestion} variant="outline-primary">
    New Question
</Button>

完整Flask应用的代码在这里：

https://github.com/cae-live/cae-sandbox/

Answer 1

完成！

此视频-> https://www.youtube.com/watch?v=vgSFm3wM6g4 这个资料库-> https://github.com/marquitobb/flask_graficas 对我来说很清楚需要使用BytesIO和base64在同一请求中传递图像。