我正在处理一个旧项目，并试图修复一些bug。

我有一个HTML格式的文件上载

当我单击提交按钮时，我有一个函数可以用新上载的图像更新显示的图像。

文件似乎已上载，但我没有正确访问它。

我看到以下错误

顺晟科技：

1. 我无法在您的动态“代码段”中重现该问题，但它非常清楚发生了什么。

2. 该错误表示浏览器试图访问C:\驱动器上的文件，就像访问远程URL一样。您不能这样做:)

3. 一个可能的解决方案：尝试上载图像并将其呈现为“嵌入式图像”，请参阅本文:

   https://www.thesitewizard.com/html-tutorial/embed-images-with-data-urls.shtml

4. 另一种可能的解决方案：使用fileReader.readasdataurl():

   https://www.tutorialrepublic.com/faq/how-to-preview-an-image-before-it-is-uploaded-using-jquery.php

尝试此：

function updateImage() {
  circleArray = [];
  newPic = `id="taco" width="300" height="300"  src="${$(
    "#myFile"
  ).val()}" alt="prime.png"`;
  $("#hide").empty();
  $("#hide").append(`<img ${newPic}>`);
  makeCanvas();
}

考虑以下事项。

从元素读取文件并将其呈现为图像。