在javascript中加载一个精灵

问题描述：

我想在我的电脑上使用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>

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

答

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

1您可以使用图像从网页

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

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

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

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

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

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

答

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

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

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

在javascript中加载一个精灵

相关推荐