如何清除django表单中的图像字段？

所以我的观点是这样的：

class PostCreateView(CreateView):
    model = Post
    fields = ['title','content','image', 'status']

图像字段当前如下所示：

class PostCreateView(CreateView):
    model = Post
    fields = ['title','content','image', 'status']

---

有没有一种方法可以像按钮一样将图像从场中清除？删除图像的唯一方法是从django管理页面删除图像。

您的html文件添加一个带有id的按钮：

<button id="clear">Clear image </button>

清晰图像

然后在html中添加

{% load static %}

<script>
document.getElementById("clear").addEventListener("click", function () {
    document.getElementById("image").value = "";
}, false);
</script>

{%load static%}
document.getElementById（“清除”）.addEventListener（“单击”，函数）（）{
document.getElementById（“图像”）.value=“”；
}，假）；

---

注意您需要使用chrome developor工具来找出文件输入字段的id，在上面的示例中，我使用了“image”，但很可能是不同的。您需要使用文件输入字段的id更改

get.ElementById（“image”）

。

我使用的是crispy表单，所以我的HTML中只有

{{form | crispy}

。还有别的办法吗？没问题。打开你的chrome开发者工具，浏览每个元素，看看文件输入的id是什么。在表单前面添加按钮。