スクロールバーの値に応じて画像を変更するopencv関数を持つ画像を含むDjangoモデルの使用方法

Question

データベースに画像が保存されている私の論文のサイトを構築しています。現在の画像の明るさ、コントラスト、およびぼかし（ページをリフレッシュせずに）。

私はモデルを構築し、テンプレートにulrを使って画像を表示しました。

# in models.py: 
class Sample(models.Model): 
    name = models.CharField(max_length=250) 
    description = models.CharField(blank=True, max_length=700) 
    full_image= models.FileField() 

は、私はまた、スクロールバーのために必要なJSを書かれ、変数に各値を保持している：私は今、変数「フォーカス量」と画像を取得する方法が必要です

// eg: Focus Control 
$(function() { 
    $("#focus-selector").slider({ 
     value:100, 
     min: 0, 
     max: 255, 
     step: 5, 
     slide: function(event, ui) { 
      $("#focus-amount").val(ui.value); 
     } 
    }) 
    $("#focus-amount").val($("#slider").slider.value); 
}); 

モデルから私のオープンcv関数に渡すと、画像のぼかしが変わります。私はJSONを使う必要があると思うが、私はどこでどのようにしているのか正確には分からない。

また、変更するたびに、変更した画像をモデルに保存する必要がありますか？または、私は別の変数に画像を保存し、その画像を表示する必要がありますか？そして、これらの読み込みと保存のために、イメージのURLを使ってimreadとimwriteを使用するだけですか？

私はあなたがJS（HTML5キャンバス）に必要なすべてを行うことができます

Answer 1

..私はすべてを正しく説明したいと考えています。 jsのあるimage mainupaltionsの例、または多くのライブラリのうちの1つを使用することができますCaMan JS。 操作後、BASE64エンコードされた文字列としてJSON経由でサーバーに画像を渡すことができます。