jQuery路径未在Django中加载
[英]Jquery path not loading in Django
问题描述
I want to use this pluggin for watermarking images in my django website. 
我想使用此Pluggin在django网站中对图像加水印。 After following the instruction I made it work in plain html server (wampserver) after trying it in my django environment, it's not working. 在按照说明操作后，在django环境中尝试使它在普通html服务器（wampserver）中工作后，它不起作用。
HTML (wampserver) HTML（wampserver）
html lang="en">
<title>cool</title>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
<script type="text/javascript" src="js/watermark.jquery.js"></script>
<script type="text/javascript" src="js/watermark.jquery.min.js"></script>
<script language="javascript">
var config = {
"path": "images/watermark.png"};
$(document).ready(function() {
$(document).watermark(config);
});
</script>
<img src="images/hall1.jpg" alt="" class="watermark"/>
<img src="images/hall3.jpg" alt="" title="This is an example of a caption" class="watermark"/>
<img src="images/main.jpg" alt="" class="watermark"/>
</body>
</html>
The above code is working fine. 上面的代码工作正常。
Django Environment(Not working) Django环境（不工作）
</head>
<body>
<script type="text/javascript" src="{{MEDIA_URL}}/css/watermark.jquery.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}/css/watermark.jquery.min.js"></script>
<script language="javascript">
var config = {
"path": "/media/css/watermark.png" };
$(document).ready(function() {
$(document).watermark(config);
});
</script>
<li><img src="{{ MEDIA_URL }}/{{post.main}}" class="watermark"/> </li>
<li><img src="{{ MEDIA_URL }}/{{post.side}}" class="watermark"/> </li>
<li><img src="{{ MEDIA_URL }}/{{post.sitting}}" class="watermark"/> </li>
</body>
How can I fix this issue? 如何解决此问题？
1 个解决方案
解决方案1
0 已采纳 2013-03-23 09:16:20
If you want to address your static files like your css/js files, Then you have to use STATIC_URL . 如果要处理静态文件（如css / js文件），则必须使用STATIC_URL 。
<script type="text/javascript" src="{{ STATIC_URL }}/css/watermark.jquery.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/css/watermark.jquery.min.js"></script>
So the same way will be used for watermark.png path: 因此，将相同的方法用于watermark.png路径：
"path": "{{ STATIC_URL }}/css/watermark.png"
Also consider that MEDIA_ROOT where you can refer to it with MEDIA_URL is absolute filesystem path to the directory that will hold user-uploaded files is not a right place for your assets, You should config it correctly then you will be able to address them by STATIC_URL . 同时认为， MEDIA_ROOT在那里你可以参考它MEDIA_URL是绝对的文件系统路径，将保存目录用户上传的文件是不是为您的资产一个正确的地方，你应该正确配置，那么你将能够解决这些问题STATIC_URL 。
For more on this topic: 有关此主题的更多信息：
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.