Javascript 图像赢得'；t在p5.js中加载

我正在尝试将图像上载到我的一个p5文件中。 我尝试了p5参考资料中描述的方法，但这不起作用。 然后我尝试在一个单独的函数中编写图像，并在

draw（）

中运行该函数，但这也不起作用。 我还尝试将JS文件嵌入到HTML文件中，以便在浏览器中显示它，但同样，这不起作用。 我尝试使用

console.log

查找问题，显然，您无法进入

preload

功能

我还检查了图像是否具有正确的名称，并且它与JS文件位于同一文件夹中

这是我尝试使用的代码段：

let img;

function preload() {
  img = loadImage("hamster.jpg");
}

function draw() {
  image(img, 0, 0, 300, 300);
}

---

提前谢谢你

你的代码对我来说很好

看看我用你的代码创建的这个p5项目——也许你的项目结构有问题：

---

因此，您需要做的是启动本地服务器，您可能只需单击html文件。要启动本地服务器，请使用本指南

let img；
函数预加载（）{
img=loadImage（“仓鼠.jpg”）；
}
函数设置（）{
createCanvas（600600）；
}
函数绘图（）{
图像（img，0，0，300，300）；
}

您使用的是哪种浏览器如果您收到控制台错误，共享它们会很有帮助。还可以尝试在图像前添加“/”path@abhinavxeon我正在使用firefox@WaliWaqar我在firefox控制台中得到的唯一错误是“TypeError:this.\u渲染器未定义”：我在visual studio代码中没有得到任何错误。我还试着用“/”来表达你的建议。不幸的是，这不起作用：（但谢谢你！谢谢你的回答！很高兴知道代码在其他地方运行良好，现在我可以在我的PC/项目结构上搜索问题了。谢谢！：）

p5.js

是一个客户端JavaScript库。根本不需要服务器来提供一个工作示例。您链接的文档包括方便开发环境的示例，甚至还有一个不使用本地Web服务器的示例：“设置升华文本的浏览器同步（无命令行选项）”@feeela本地web服务器是否仍然有助于异步加载图像等资产，并避免涉及任何实质性内容（跨域/HTTPS/等）？（即使OP硬编码路径为

”file:///hamster.jpg“

项目上线时需要更改）欢迎使用StackOverflow。虽然您的代码片段可能会回答这个问题，但提供有关代码片段为什么和/或如何工作的其他上下文可以提高其长期价值。