2012-04-11 38 views
-1

我想在我的电脑上使用Javascript的图像加载,这样我就可以制作一个游戏精灵了。我没有在网络上的这个HTML,并且图像保存在我的电脑本地。这是可能的,因为我正在学习的书从文件夹加载图像,但我无法加载图像。下面是我的一些代码。谢谢,在javascript中加载一个精灵

$(document).ready(function(){ 

    var params ={ 
     images: 'C:\EclipseWorkspaces\WebTest\images\Luigi.png', 
     imagesWidth: 256, 
     width: 64, 
     height: 64, 
     $drawTarget: $('#draw-target') 
    }; 
    var sprite1 = DHTMLSprite(params), 
     sprite2 = DHTMLSprite(params); 
     sprite2.changeImage(5); 

     sprite1.draw(64,64); 
     sprite2.draw(352, 192); 
     }); 

</script> 
</head> 
<body> 
    <div id="draw-target"> 
    </div> 
</body> 

+1

为什么你知道搜索? http://stackoverflow.com/questions/6233584/jquery-load-img-from-local-drive – iambriansreed 2012-04-11 20:38:45

回答

1

你不能访问HD使用Javascript。如果可以的话,这将是安全违规。 您可以通过三种方式加载图像。

1您可以使用图像从网页

2使用服务器端程序加载的图像,然后把它传递给你的客户端的JavaScript。

3你可以做到这一点与亲戚路径(../images/myImg.png) 看看这篇文章在维基百科上:

http://en.wikipedia.org/wiki/JavaScript#Security

+0

不完全正确。如果使用相对路径(比如HTML文件位于目录X中,并且子目录x \ images中的图像,则可以使用路径'/ images/image.png'访问该图像。 – Oded 2012-04-11 20:39:27

+0

因此,为了测试我的代码的作品,我需要上传的HTML和图像到互联网上,然后我可以指定图像的位置? – Athos 2012-04-11 20:40:58

+0

没有必要。请看看方式3(编辑答案) – 2012-04-11 20:43:05

1

使相对指定存储图像路径你的html文件。例如,将您的index.html放在c:\temp中,并创建一个文件夹c:\temp\img,并将所有图像放在那里。然后你可以参考图像img/imagename.jpg

+0

这实际上是我一直在做的,但我仍然无法看到我的图像:( – Athos 2012-04-11 21:11:47

+0

如果您使用的是chrome,则可能需要使用“--allow-file-access-from-files”参数启动它,可能是因为您正在使用JavaScript默认情况下不允许访问本地磁盘。以下列出了所有的chrome参数以及它们的含义:http://peter.sh/experiments/chromium-command-line-switches/ – koenpeters 2012-04-11 21:22:37

相关问题