通过表单方式显示ImageField中的图像，但带有上载按钮

from django.db import models

class MyModel(models.Model):
    image = models.ImageField(upload_to='images/')

from django import forms

class MyForm(forms.Form):
    image = forms.ImageField()

def handle_form_submission(request):
    if request.method == 'POST':
        form = MyForm(request.POST, request.FILES)
        if form.is_valid():
            image_file = form.cleaned_data['image']
            # 保存图像文件到指定位置
            my_model = MyModel(image=image_file)
            my_model.save()
            # 其他处理逻辑...
    else:
        form = MyForm()
    
    # 渲染表单页面，包含上传按钮和图像预览区域
    return render(request, 'form.html', {'form': form})

function previewImage(event) {
    var input = event.target;
    var reader = new FileReader();
    reader.onload = function(){
        var image = document.getElementById('preview');
        image.src = reader.result;
    };
    reader.readAsDataURL(input.files[0]);
}

<form enctype="multipart/form-data">
    <input type="file" id="upload" onchange="previewImage(event)">
    <img id="preview" src="#" alt="Preview">
    <input type="submit" value="Submit">
</form>