0

このプラグインをdjangoWebサイトの画像に透かしを入れるために使用したいと思います。指示に従った後、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_URLSTATIC_URL

このトピックの詳細については:

于 2013-03-23T09:16:20.020 に答える