0

我想使用这个插件在我的 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>

我该如何解决这个问题？

4

1 回答 1

0

如果你想处理你的静态文件，比如你的 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>

所以同样的方式将用于watermark.png路径：

"path": "{{ STATIC_URL }}/css/watermark.png"

还要考虑到MEDIA_ROOT你可以参考它的地方MEDIA_URL是绝对文件系统路径到将保存用户上传文件的目录不是你的资产的正确位置，你应该正确配置它然后你将能够通过STATIC_URL.

有关此主题的更多信息：

于 2013-03-23T09:16:20.020 回答