1

私はDjangoとjqueryを使用しており、WebアプリケーションにjPickerhttp: //www.digitalmagicpro.com/jPicker/を実装しています。ここでは、jPickerカラーディスプレイで壊れた画像が表示されます。サーバーコードを確認すると、次のように表示されます

"GET /files/css/jPicker-1.1.6.min.css HTTP/1.1" 304 0
"GET /files/css/jPicker.css HTTP/1.1" 304 0
"GET /files/js/jquery-1.7.1.min.js HTTP/1.1" 304 0
"GET /files/js/jpicker-1.1.6.min.js HTTP/1.1" 304 0
"GET /jPicker/images/mappoint.gif HTTP/1.1" 404 3209
"GET /jPicker/images/rangearrows.gif HTTP/1.1" 404 3218
"GET /jPicker/images/Maps.png HTTP/1.1" 404 3197
"GET /jPicker/images/map-opacity.png HTTP/1.1" 404 3218
"GET /jPicker/images/Bars.png HTTP/1.1" 404 3197
"GET /jPicker/images/bar-opacity.png HTTP/1.1" 404 3218
"GET /jPicker/images/AlphaBar.png HTTP/1.1" 404 3209
"GET /jPicker/images/preview-opacity.png HTTP/1.1" 404 3230
"GET /jPicker/images/NoColor.png HTTP/1.1" 404 3206

404を示す画像ファイルがそこに見つかりませんが、cssフォルダー内の画像フォルダーを正しくリンクしました。

/home/nirmal/try/files/css/images/
/home/nirmal/try/files/css/jPicker.css
/home/nirmal/try/files/css/jPicker-1.1.6.min.css
/home/nirmal/try/files/js/jquery-1.7.1.min.js
/home/nirmal/try/files/js/jpicker-1.1.6.min.js

私のDjango設定は

MEDIA_ROOT = '/home/nirmal/try/files/'
MEDIA_URL = 'http://localhost:8000/files/'

画像がjPicker/imagesにあり、見つからないようにするために私が行った間違いは何ですか？

ありがとう！

4

1 に答える 1

2

jPickerには、画像フォルダーの場所を示すデフォルトの変数があります。

 $.fn.jPicker.defaults = /* jPicker defaults - you can change anything in this section (such as the clientPath to your images) without fear of breaking the program */
 {
   images:
   {
      clientPath: '/jPicker/images/', /* Path to image files */
   }
 }

このデフォルトをimages.clientPath = '/files/css/images/'、たとえば次のように上書きする必要があります。

<script type="text/javascript">        
  $(document).ready(
    function()
    {
      $('#your-element').jPicker({images:{clientPath: '/files/css/images/'}});
    });
</script>

http://www.digitalmagicpro.com/jPicker/の「設定」セクションも参照してください （残念ながら、正確な場所をリンクすることはできませんが、Ctrl + Fが友達です）。

頑張って、Wout

于 2012-05-11T10:54:27.733 に答える