javascript - 本地磁盘上的图像未在 Tomcat 项目配置中加载

Question

我正在开发一个使用 HTML5 和 JavaScript 的项目。我正在从 C: 驱动器加载图像，如下所示：

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
    var imageObj = new Image();

    imageObj.onload = function() {
      context.drawImage(imageObj, 69, 50);
    };
    imageObj.src = "file:///C:/Images/Demo.jpg";
  };

图像在此页面上完美加载。在我的项目中尝试相同的操作时，图像不会加载到画布元素中。我从浏览器收到以下错误：

Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE)[nsIDOMCanvasRenderingContext2D.drawImage]

如何解决这个问题？

Answer 1

在项目上，不建议使用直接路径，您应该根据服务器目录使用相关路径，如 '<%=request.getContextPath()%>'/Remaing_path_from_webContent_folder_of_project

希望它会起作用