使用Django预览图像

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

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

  1. function displayImage(imgValue){
  2. if (imgValue == 'car') {
  3. previewImage.setAttribute("src", "images/car.png");
  4. previewDefaultText.style.display = "none";
  5. previewImage.style.display = "block";
  6. } else if (imgValue == 'location') {
  7. previewImage.setAttribute("src", "images/newyork.jpg");
  8. previewDefaultText.style.display = "none";
  9. previewImage.style.display = "block";
  10. ....
  11. ....
  12. }

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

ht4b089n

ht4b089n1#

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

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

相关问题