Как я сохраняю. Холст в db. С фоном. Который берется из загруженного пользователем в Django поля img

Я успешно сохраняю, если путь статический Как передать изображение поля клиента в java Есть много попыток, но src для поля из модели я не могу сохранить оба и если я добавляю url в стиле фон не сохраняется your text

type h

window.onload = function(){

  //var dataImage = localStorage.getItem('imgData');



  //var canvas = document.getElementById("myCanvas");

  var context = canvas.getContext("2d");

  var imageObj = new Image();

  var dataURL = canvas.toDataURL("image/png");

  imageObj.onload = function(){

    context.globalCompositeOperation="destination-over";

    context.drawImage(imageObj,250, 50,700,400);// i edit it was  context.drawImage(imageObj,50, 50);

    context.font = "40pt Comic Sans MS";

    context.fillText("draw here",20,80);

    context.fill();

    context.globalAlpha = 0.5;



  };



  //function getBase64Image(img) {

      //var dataURL = canvas.toDataURL("image/png");



      //return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

  //}





  //here source imge for back ground if you want make it dynamic from upload by user  use url of media   <canvas  style="background: url('{{ user.profile.profile_pic.url }}')" <canvas  style="background: url({% static 'images/aes.png'%})"

  imageObj.src = dataURL;//"data:image/png;base64," + dataImage;//'/media/imggg/gggg.png';//"{{ img }}"//'/media/imggg/gggg.png';



  //cnanvas.innerHTML = `<img src="${url}" width="50%">`;//`media/${object.img.url}`//("<img src="{{ MEDIA_URL}}{{field.img.url}}">"); //<img src="{{ MEDIA_URL}}{{ City.image.url }}">"url '(${field.img.url})' ";//=("<img src='${{field.img.url}}'>");

  };

ere

    </main>
</body>


<script type="text/javascript">

</script>

</html>

Возможность передачи переменных из моделей и представлений Django в java Любая другая помощь мне нужна Отредактированный код, как сделать динамический фон загруженной картинки, рисуя на ней, затем сохранить

def get(self, request,pk, *args, **kwargs):
topics  = Lesionlocation.objects.all()
customer_data  = Customer.objects.filter(customer_id=pk)
context = { "topics":topics,"apps":apps,'customer_data':customer_data }



return render(request,"da/locator.html",context)

if form.is_valid():
    print("OK")
    json["error"]   = False
    form.save()
    messages.success(request, 'Lesions is successfully Saved.')
    #user.save()
else:
    print("Nooooo")


return JsonResponse(json)
<canvas id="canvas" class="canvas"  width="1100px" height="600px"    style="background: url('{{ field.img.url }}')"></canvas>
Customer(models.Model):
namee=models.CharField(max_length=256, blank=True, null=True)
file=models.FileField(upload_to='files/', blank=True, null=True)
customer= models.ForeignKeyCustomer, on_delete = models.PROTECT, null = True)

comment = models.CharField(verbose_name="fgh",max_length=2000)
img     = models.ImageField(verbose_name="imaggه",upload_to="img/")
customer=models.ForeignKey(Customer,related_name="custleson",on_delete=models.CASCADE,null=True,blank=True)

def __str__(self):
    return self.comment

context.globalCompositeOperation="destination-over";

context.drawImage(imageObj,250, 50,700,400);// i edit it was  context.drawImage(imageObj,50, 50);

context.font = "40pt Comic Sans MS";

context.fillText("draw here",20,80);

context.fill();

context.globalAlpha = 0.5;