如何在浏览器中复制/下载在 Pyodide 中创建的文件？

Question

我设法在浏览器中运行 Pyodide。我创建了 hello.txt 文件。但是我怎样才能访问它。
吡啶
https://github.com/iodide-project/pyodide/blob/master/docs/using_pyodide_from_javascript.md

pyodide.runPython('open("hello.txt", "w")')

我在 chrome devtools 中尝试了什么？

pyodide.runPython('os.chdir("../")')
pyodide.runPython('os.listdir()')
pyodide.runPython('os.path.realpath("hello.txt")')

listdir

的输出

["hello.txt", "lib", "proc", "dev", "home", "tmp"]

realpath

的输出

"/hello.txt"

此外，

pyodide.runPython('import platform')
pyodide.runPython('platform.platform()')

输出

"Emscripten-1.0-x86-JS-32bit"

chrome devtools 控制台中的所有输出。

它是在根文件夹中创建的。但是如何在文件资源管理器中访问它或者如何将文件复制到下载文件夹？

谢谢

Answer 1

事实上，pyodide 在由 Emscripten 创建的 in-memory (MEMFS) filesystem 中运行。您不能直接从 pyodide 将文件写入磁盘，因为它是在浏览器沙箱中执行的。

但是，您可以将文件传递给 JavaScript，从中创建一个 Blob，然后下载。例如，使用

let txt = pyodide.runPython(`                  
    with open('/test.txt', 'rt') as fh:
        txt = fh.read()
    txt
`);
const blob = new Blob([txt], {type : 'application/text'});
let url = window.URL.createObjectURL(blob);
window.location.assign(url);

使用 pyodide 中包含的 type conversions，即

，也应该可以从 Python 端完成所有这些操作

from js import Blob, document
from js import window
  
with open('/test.txt', 'rt') as fh:
    txt = fh.read()
    
blob = Blob.new([txt], {type : 'application/text'})
url = window.URL.createObjectURL(blob) 
window.location.assign(url)

但是目前，不幸的是，这不起作用，因为它取决于 pyodide#788 首先得到解决。

Answer 2

我已经修改了 rth 的答案。它将下载文件名的文件。

let txt = pyodide.runPython(`                  
    with open('/test.txt', 'rt') as fh:
        txt = fh.read()
    txt
`);

const blob = new Blob([txt], {type : 'application/text'});
let url = window.URL.createObjectURL(blob);

var downloadLink = document.createElement("a");
downloadLink.href = url;
downloadLink.download = "test.txt";
document.body.appendChild(downloadLink);
downloadLink.click();

如何在浏览器中复制/下载在 Pyodide 中创建的文件？

How to copy / download file created in Pyodide in browser?

python

pyodide