从画布到烧瓶获取绘图图像

Question

我正在写一个小烧瓶应用程序来识别手写数字（0-9）。我写了几乎所有的元素（机器学习模型、web应用等），但我在捕捉图像（使用画布绘制）时遇到了问题，比如：

我想获取图像并将其保存到临时文件中。我懂Python，但从未使用过JavaScript，这是使用Canvas所必需的。

HTML:

<form method="post"  action="{{url_for('main.image')}}">
    <button name="img" onclick="drawDataURIOnCanvas();">Get png</button>
</form>

JS:

function InitThis() {
        ....
    }

 function Draw(x, y, isDown) {
        ....

 function drawDataURIOnCanvas() {

      var element = document.createElement('a');
      element.setAttribute('href',  document.getElementById('Canvas').toDataURL('image/jpeg'));
      element.setAttribute('download', 'chart.jpeg');
      element.style.display = 'none';
      document.body.appendChild(element);
      element.click();

    }

函数drawDataURIOnCanvas（）使用浏览器保存管理器保存图像，但我想将其保存到临时文件，稍后再使用图像。

Answer 1

不幸的是，出于安全考虑，浏览器不允许以编程方式将文件保存到用户的文件系统。因为这是一个烧瓶应用程序，所以您应该从

如果您绝对必须使用临时文件，那么您可以通过编写浏览器插件/扩展名来绕过这个限制，尽管在chrome的情况下，您可能需要扩展名和应用程序的组合才能获得必要的文件访问权限。