时间戳

首页 > 解决方案 > 使用 Django 预览图像

javascript - 使用 Django 预览图像

问题描述

我有一个移植到 Django 的 html、css 和 js 应用程序，我想在上传之前预览图像。下拉表单允许用户选择一个选项，然后在上传之前将图像显示在屏幕上。我通过javascript设置img src = "" 为空，然后当用户从下拉菜单中选择一个选项时，javascript设置img src路径，即如果用户从菜单中选择汽车，那么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 没有设置img srcDjango 的路径。我可以通过 JS 来做到这一点，还是需要以更 Django/pythonic 的方式重写？注意：不使用 ajax。

标签： javascripthtmldjangodjango-forms

解决方案

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

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

推荐阅读