javascript - 从 Wasm 加载文件？

Question

我正在使用 Rust 和 WebAssembly。我收到此错误消息 wasm 尚不支持操作。所以两件事中的任何一件都在发生，我很好奇是否有人知道答案。所以要么我的文件路径不正确，这是最没有帮助的错误消息，要么 wasm 不支持加载文件。

#[wasm_bindgen]
#[macro_use]
pub fn file() -> () {
    let mut data: Vec<u8> = Vec::new();
    ///I would load the png with the same path in my javascript.
    let opened = File::open("./png/A_SingleCell.png");
    let unwraped = match opened {
        Ok(a) => log(&format!("opened {}", "worked")),
        Err(e) => log(&format!("{}", e)),
    };
    // .read_to_end(&mut data)
    // .unwrap();
    return ();
}

#[wasm_bindgen]
extern "C" {
    #[wasm_bindgen(js_namespace = console)]
    fn log(msg: &str);
}

javascript 调用仅仅是 file()。

我需要使用不同的目录路径来获取 png 还是真的可以不加载文件？

编辑 添加我的 index.js 以显示 webpack 已经加载了 png。

import { memory } from "break-game/break_game_bg";
import A from './png/A_SingleCell.png';
import { alloc, fill, decode, file } from "break-game";


file();

Answer 1

从文件系统加载文件不适用于 Rust 标准库和 wasm32-unknown-unknown 目标。因此，此错误是使用 File::open 的预期运行时错误。

Rust 标准库目前为所有目标提供统一的 API 表面区域，无论目标是否实际支持该功能。事实证明，几乎所有平台基本上都实现了标准库的所有稳定表面区域，但具体来说，wasm32-unknown-unknown 目标有点奇怪。在这个 wasm 目标上，标准库显然无法在 std::net 或 std::fs 等模块中实现函数，因此这些函数无条件地返回错误。您在这里看到的是 File::open 无条件地在 wasm32-unknown-unknown 目标上返回错误。

具体谈到 wasm32-unknown-unknown 目标，该目标用于表示“Rust 和 wasm 兼容性的基础层”。在这个目标上，标准库只能假设 WebAssembly 指令集，没有别的。由于 WebAssembly 不提供执行 I/O 或加载文件的方法，这意味着这些 stub 将在标准库中返回错误。

请注意，我们在 wasm32-unknown-unknown 目标上提供标准库的另一种方法是根本不提供这些函数，在尝试时会导致编译时错误要使用的。我们选择不走这条路，不管是好是坏，以在 Rust 中保持跨目标的一致性。希望像 proposed portability lint 这样的东西可以改变这个故事的演算，但 Rust 还不完全是这样!

---

不过，与此同时，您可能仍想完成这项工作! wasm-bindgen 项目有一些关于 wasm32-unknown-unknown 目标的指南，可以帮助您在这里取得一些进展:

• Which crates will work off the shelf with WebAssembly?
• How to add WebAssembly support to a general purpose crate

值得注意的是，Web 平台目前不提供从文件系统加载文件的能力，因此没有很好的方法将 File::open 作为 wasm32 的 Rust API 实现-unknown-unknown 目标，即使使用了 JS。不过，如果您使用的是 Node.js，我建议您阅读 JS interop以及查看 wasm-bindgen guide用于导入 Node.js 函数来实现它。