我有一个简单的个人资料页，我想改变个人资料图片。
表格：

class UserProfilePictureUpdateForm(forms.ModelForm):
    class Meta:
        model = UserProfile
        fields = ['profile_photo',]

字符串
模板：

<form method="post" enctype="multipart/form-data" action='{% url "update_profil_photo" %}'>
{% csrf_token %}
<button class="btn btn-info" type="submit" value="{{ profile_form.profile_photo }}">
<i class="fa fa-fw fa-camera"></i>
<span>Change Photo</span>
</button>
</form>

型
意见：

@login_required
def update_profil_photo(request):
    user_profile = get_object_or_404(UserProfile, user=request.user)
    user = request.user
    if request.method == 'POST':
        profile_form = UserProfilePictureUpdateForm(request.POST, request.FILES, instance=user_profile)
        if profile_form.is_valid():
            profile_form.save()
            messages.success(request, 'Update is successful')          
    else:
        profile_form = UserProfilePictureUpdateForm(instance=user_profile)
    return render(request, 'profile.html', {'profile_form': profile_form})

型
当我点击按钮时，设计损坏。我看到非常大的提交按钮，链接的图片和文件上传按钮.

的数据
我的方法有什么问题