我想在将图片上传到html页面之前先预览它。 我正在使用django。 这是我的模型
class Product(models.Model):
image = models.ImageField(upload_to='uploads/')
thumbnail = models.ImageField(upload_to='uploads/')
class Meta:
ordering = ['-date_added']
这是我的form.py文件。
class ProductForm(ModelForm):
class Meta:
model = Product
fields = ['image']
这是我的 HTML 页面。
<form method="post" action="." enctype="multipart/form-data">
{% csrf_token %}
{{ form.non_field_errors }}
<div class="fieldWrapper">
{{ form.image.errors }}
<br>
<label for="{{ form.image.id_for_label }}"><br>       Image: </label>
{{ form.image }}
</div>
<div class="field">
<div class="control" style="margin-bottom: 3%">
<button class="btn btn-theme" style="float:right;">SUBMIT</button>
</div>
</div>
</form>
我能够在HTML页面中上传并显示图片,但是我想在上传之前能够看到我要上传的图片。我该怎么做?