小编Dja*_* Dg的帖子

我正在创建一个表单，允许用户选择图像并使用 Django 和 AJAX 上传它。这个过程工作正常，但问题是上传的图像没有显示在屏幕上，但我确实div为其指定了一个。

这些是我遵循的步骤：

• 创建一个处理上传图像的模型。
• 为该函数创建路径。
• 创建上传所选图像的函数。
• 创建模板和 AJAX 函数。

模型.py：

class photo(models.Model):
    title = models.CharField(max_length=100)
    img = models.ImageField(upload_to = 'img/')

主页.html：

 <form method="POST" id="ajax"  enctype="multipart/form-data">
        {% csrf_token %}
        Img:
        <br />
        <input type="file" name="img">

        <br />
        <br />
        <button id="submit"  type="submit">Add</button>

    </form>



<h1> test </h1>
    <div id="photo">
        <h2> {{ photo.title }}</h2>
        <img src="{{ photo.img.url }}" alt="{{ photo.title }}">
    </div>






 $('#ajax').submit(function(e) {
                e.preventDefault();
                var data = new FormData($('#ajax').get(0));
                console.log(data)

                $.ajax({
                    url: '/upload/', 
                    type: 'POST',
                    data: data, …