请有人帮我理解为什么图像没有显示在屏幕上？

Question

  select("#loadButton").mouseClicked(function(){
var file = this.files[0];
file.src = URL.createObjectURL(this.files[0]);
loadImage(file.src, img => {
    image(img, 0,0);
});

}); 我正在使用 p5.js 构建一个绘图应用程序，我正在尝试上传一个图像文件，但它没有显示在屏幕上。

Answer 1

您需要设置文件输入和处理程序。 之后，您需要将镜像写入 canvas。 以下是直接从p5.js 网站复制的：

let input;
let img;

function setup() {
  input = createFileInput(handleFile);
  input.position(0, 0);
}

function draw() {
  background(255);
  if (img) {
    image(img, 0, 0, width, height);
  }
}

function handleFile(file) {
  print(file);
  if (file.type === 'image') {
    img = createImg(file.data, '');
    img.hide();
  } else {
    img = null;
  }
}