为什么图像没有保存在我的 Django 应用程序的数据库中

Question

我刚刚使用 django 编写了一个应用程序，并将帖子表单的字段传递给 html 以进行进一步渲染。 但是我如何保存如何保存使用标签插入的照片。

我的代码是这样的：

/main.css：

 .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/forms.py

class postform(forms.ModelForm):
    class Meta:
        model = Post
        fields = ("__all__")

/models.py：

class Post(models.Model):
    title = models.CharField(max_length=100)
    author = models.ForeignKey(User, on_delete=models.CASCADE)
    imagefile = models.FileField(null=True, blank=True, upload_to='PostImg')

我想问题出在 html 文件中，我应该在其中输入 {{ form.image }} ！

/post_form.html

{% load crispy_forms_tags %}
<form method="POST" action="" enctype="multipart/form-data">
     {% csrf_token %}
     <fieldset class="form-group">
     <label for="title">Title</label>
            {{ form.title }}


     {% block javascript %}
            <script src="{% static 'js/postform.js' %}"></script>
            {% endblock javascript %}


            <div class="center mt-4">
              <div class="form-input">

                <div class="preview">
                  <img id="file-ip-1-preview", src="{{ form.imagefile.url }}" alt="{{ form.imagefile.url }}">
                </div>

                <label for="file-ip-1">Add picture</label>
                <input type="file" id="file-ip-1" accept="PostImg/*" onchange="showPreview(event);">
              </div>
            </div>


    </fieldset>

    <div class="form-group">
        <button class="btn btn-outline-info type="submit">Update</button>
    </div>
 </form>

和 js/postform.js：

function showPreview(event){
    if(event.target.files.length > 0){
        event.preventDefault(); 
        var src = URL.createObjectURL(event.target.files[0]);
        console.log(src)
        var preview = document.getElementById("file-ip-1-preview");
        preview.src = src;
        console.log(preview.src)

        preview.style.display = "block";

      }
}

和views.py

class PostCreateView(LoginRequiredMixin, CreateView):
    model = Post
    template_name = "app/post_form.html"
    success_url = '/app/home/'
    form_class = postform

    def form_valid(self, form):
        form.instance.author = self.request.user
        form.save(commit=False)

        return super(PostCreateView, self).form_valid(form)

我的问题是我用<input>标记替换{{ form.imagefile }} （效果很好）来预览图片并改变一点样式。 但是这样我的照片看起来并没有保存在数据库上！

Answer 1

您还需要将 name 和 id 属性添加到您的图像上传输入标签。 将这些属性设置为： name ="imagefile" id="id_imagefile"