為什么圖像沒有保存在我的 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"