我正在使用Django和jquery,在我的Web应用程序中实现了jPicker http://www.digitalmagicpro.com/jPicker/。在这里,我在jPicker彩色显示器上看到破碎的图像。当我检查服务器代码时,它显示如下
"GET /files/css/jPicker-1.1.6.min.css HTTP/1.1" 304 0
"GET /files/css/jPicker.css HTTP/1.1" 304 0
"GET /files/js/jquery-1.7.1.min.js HTTP/1.1" 304 0
"GET /files/js/jpicker-1.1.6.min.js HTTP/1.1" 304 0
"GET /jPicker/images/mappoint.gif HTTP/1.1" 404 3209
"GET /jPicker/images/rangearrows.gif HTTP/1.1" 404 3218
"GET /jPicker/images/Maps.png HTTP/1.1" 404 3197
"GET /jPicker/images/map-opacity.png HTTP/1.1" 404 3218
"GET /jPicker/images/Bars.png HTTP/1.1" 404 3197
"GET /jPicker/images/bar-opacity.png HTTP/1.1" 404 3218
"GET /jPicker/images/AlphaBar.png HTTP/1.1" 404 3209
"GET /jPicker/images/preview-opacity.png HTTP/1.1" 404 3230
"GET /jPicker/images/NoColor.png HTTP/1.1" 404 3206
找不到显示404的图像文件,但是我正确链接了css文件夹内的images文件夹。
/home/nirmal/try/files/css/images/
/home/nirmal/try/files/css/jPicker.css
/home/nirmal/try/files/css/jPicker-1.1.6.min.css
/home/nirmal/try/files/js/jquery-1.7.1.min.js
/home/nirmal/try/files/js/jpicker-1.1.6.min.js
我的Django设置是
MEDIA_ROOT = '/home/nirmal/try/files/'
MEDIA_URL = 'http://localhost:8000/files/'
我犯了什么错误,导致图像出现在jPicker /图像上而未找到?
谢谢!
最佳答案
jPicker有一个默认变量,它声明images文件夹的位置:
$.fn.jPicker.defaults = /* jPicker defaults - you can change anything in this section (such as the clientPath to your images) without fear of breaking the program */
{
images:
{
clientPath: '/jPicker/images/', /* Path to image files */
}
}
您应该将此默认值覆盖为
images.clientPath = '/files/css/images/'
,例如:<script type="text/javascript">
$(document).ready(
function()
{
$('#your-element').jPicker({images:{clientPath: '/files/css/images/'}});
});
</script>
另请参见http://www.digitalmagicpro.com/jPicker/的“设置”部分(很遗憾,我无法链接确切的位置,但是Ctrl + F是您的朋友)。
祝好运,
Wout