我想使用这个插件在我的 django 网站中为图像添加水印。按照说明操作后,我在我的 django 环境中尝试后使其在纯 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>
上面的代码工作正常。
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>
我该如何解决这个问题?