Question

我想在我的django网站上使用此pluggin为图像添加水印。在我的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>

如何解决此问题？

Answer 1

如果您要解决静态文件，例如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可以使用user-uploaded files引用它是保存Managing static files的目录的绝对文件系统路径，不适合您的资产，您应该配置如果它正确，那么您将能够通过STATIC_URL解决这些问题。

有关此主题的更多信息：

The staticfiles app
{{3}}

Jquery路径没有在Django中加载

1 个答案: