使用Django预览图像

yshpjwxd  于 2023-08-08  发布在  Go
关注(0)|答案(1)|浏览(123)

我有一个html,css和js应用程序,我移植到Django,我想在上传之前预览图像。下拉表单允许用户选择一个选项,然后在上传之前将图像显示到屏幕上。我通过JavaScript将img src = ""设置为空,然后当用户从下拉菜单中选择一个选项时,javascript设置img src路径,即如果用户从菜单中选择了car,那么js将设置img src=images/car.png并显示出来。

function displayImage(imgValue){
  if (imgValue == 'car') {
    previewImage.setAttribute("src", "images/car.png");
    previewDefaultText.style.display = "none";
    previewImage.style.display = "block";
  } else if (imgValue == 'location') {
    previewImage.setAttribute("src", "images/newyork.jpg");
    previewDefaultText.style.display = "none";
    previewImage.style.display = "block";
    ....
    ....
}

字符串
问题是JS没有设置Django中img src的路径。我可以通过JS来实现吗?还是需要用更Django/pythonic的方式重写?注意:不使用 AJAX 。

ht4b089n

ht4b089n1#

previewImage.setAttribute('src', "{% static 'images/car.png' %}")

字符串
我相信这会解决你的问题。

相关问题