使用Javascript：设置IMG SRC与绝对路径([removed] Setting img

我想在IMG SRC手动设置为文件系统中的路径，然后我要画在画布上的形象。我在用：

    var curr_canv = document.getElementById('c_main').getContext('2d');
    var img = new Image();

    img.width = 525;
    img.height = 400;

    img.src = "..\AAAA\BBBB\CCCC\myimage.jpg";

    curr_canv.drawImage(img,0,0);

但没有什么是画我这样做后，在画布上。有什么想法吗？

Answer 1:

你需要的路径设置为你的服务器内的绝对路径。
JavaScript中的浏览器有任何文件系统的访问权限。

Answer 2:

您正在使用

\ 
(backslash)

代替

/ 
(forward-slash).

JavaScript使用\作为转义字符。

Answer 3:

是啊，这条道路是在网络文件夹或其他可访问路径。你可以看到你的代码，一般在这里工作： http://jsfiddle.net/pwm36/8/

Answer 4:

简短的回答是：“你不能这样做。” 的Javascript运行在浏览器具有对用户的文件系统直接访问。这是一般的浏览器的安全功能。

无法对HTML5较新的文件系统API，但它仍然可能不给你你想要的，因为浏览器仍然是“囚禁”。你无法到达浏览器预留目录之外的任何文件。

你可能会考虑拖动和拖放API。用户可以拖放文件到您指定的区域，我认为你可以在这一点上的JavaScript访问它。

Answer 5:

像其他的说，你需要使用一个Web服务器传送图像。或者使用“文件：//”协议。

要当心，加载图像INS异步粘性的图像加载后您FANT只绘制。

img.onload = function() {
   curr_canv.drawImage(img,0,0);
}

见MDN以获得更多信息。

文章来源: Javascript: Setting img src with absolute path