Javascript 尝试将图像动态添加到html页面时,在本地服务器上出现错误403(禁止)

Javascript 尝试将图像动态添加到html页面时,在本地服务器上出现错误403(禁止),javascript,php,image,xampp,src,Javascript,Php,Image,Xampp,Src,我有大约20个图像,而不是手动添加到HTML页面,我想通过JAVASCRIPT动态添加它们。我从json文件中获取图像路径。到目前为止还不错 在下面的示例中,请参见如何添加图像以及从何处获取错误消息: “加载资源失败:服务器响应状态为403(禁止)” 但当我通过jquery简单地更改背景图像时,一切正常: $(#element).css("background", 'path/to/my/image.jpg) 规格: 在Windows7x64上使用Apache和PHP5.5.6运行XAMPP1

我有大约20个图像,而不是手动添加到HTML页面,我想通过JAVASCRIPT动态添加它们。我从json文件中获取图像路径。到目前为止还不错

在下面的示例中,请参见如何添加图像以及从何处获取错误消息: “加载资源失败:服务器响应状态为403(禁止)”

但当我通过jquery简单地更改背景图像时,一切正常:

$(#element).css("background", 'path/to/my/image.jpg)
规格: 在Windows7x64上使用Apache和PHP5.5.6运行XAMPP1.8.3

有什么解决办法吗

先谢谢你


//已解决:图像路径错误。

请右键单击图像,复制图像位置并粘贴到此处。您是否尝试直接访问JSON文档返回的图像?该目录的确切权限是什么?web服务器是否对其和/或图像具有读取权限?感谢您的快速响应。我发现了问题。图像路径错误。。。对不起,浪费了你的时间。。。但是你认为我创建图片的方式适合一个小网站吗?还是我应该选择数据库解决方案(mySQL等)?
$(#element).css("background", 'path/to/my/image.jpg)