Hi I want to make a image upload to my members where they can change their image themselves, but I simply can't find the solution to it. what im i doing wrong.

My update model

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;

namespace Medlemmer.Models
{

    public class UpdateMember
    {
        [Required]
        public string Name { get; set; }

        [Required]
        [EmailAddress]
        public string Email { get; set; }
        [Required]
        public string Password { get; set; }

        [Required]
        public string omMig { get; set; }

        [Required]
        public HttpPostedFileBase billede { get; set; }
    }
}

My update controller

using Medlemmer.Models;
using System.Web.Mvc;
using Umbraco.Web.Mvc;

namespace Medlemmer.Controllers
{
    public class updateMemberController : SurfaceController
    {
        [HttpPost]
        [ActionName("MvcMemberUpdate")]
        public ActionResult MvcMemberUpdateForm(UpdateMember model)
        {
            var memberService = Services.MemberService;
            var member = memberService.GetByEmail(model.Email);

            member.SetValue("Navn", model.Name);
            member.SetValue("avatar", model.billede);
            member.SetValue("Om mig", model.omMig);

            memberService.Save(member);

            TempData["Success"] = true;

            return RedirectToCurrentUmbracoPage();
        }
    }
}

member profile page when they are logged in, it is here i want the to edit there image

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage<ContentModels.Profil>
@using ContentModels = Umbraco.Web.PublishedContentModels;
@using Medlemmer.Controllers
@using Medlemmer.Models
@{
    Layout = "master.cshtml";
    var medlem = Members.GetCurrentMember();
    var test = Umbraco.MembershipHelper.GetCurrentMemberProfileModel();

    var virker = ApplicationContext.Current.Services.MemberService.GetMembersByMemberType("newsMember");
    var bruger = Umbraco.MembershipHelper.GetCurrentMember();
    var test1 = ApplicationContext.Current.Services.MemberService.GetAllMembers();
}





<div class="container">
    <div class="col-md-4">
        <img src="@bruger.GetPropertyValue("avatar")" class="img-thumbnail img-responsive" style="width: 100%;" />
        @Umbraco.Field("avatarupload")

    </div>
    <div class="col-md-8">
        <h1 class="page-header">Velkommen @bruger.Name</h1>
        <p class="text-muted">Email: @test.Email</p>
        <p class="text-muted">Lidt om mig: @bruger.GetPropertyValue("bio")</p>
        <p>@bruger.Id</p>
    </div>
</div>


<div class="container">
    <div class="col-md-8">

        @Html.Partial("Rediger profil")

    </div>
</div>

}




@using (Html.BeginUmbracoForm<RegisterController>("Register"))
{
    <!-- Sikkerhed og skal huskes -->
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <div class="container">
        <fieldset>
            <div class="label">
            </div>
            <br />
            <div class="">
                <h6>Navn: </h6>
                @Html.EditorFor(Model => Model.Name)
                @Html.ValidationMessageFor(Model => Model.Name)
            </div>
            <br />
            <div class="">
                <h6>Email: </h6>
                @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)
            </div>
            <br />

            <div class="">
                <h6>Adgangskode:</h6>
                @Html.EditorFor(model => model.Password)
                @Html.ValidationMessageFor(model => model.Password)
            </div>
            <br />

            <div class="">
                <h6>Om mig:</h6>
                @Html.TextAreaFor(model => model.omMig)
                @Html.ValidationMessageFor(model => model.omMig)
            </div>
            <div>
                @Html.TextBoxFor(m => m.billede, new { type = "file" })
                @Html.ValidationMessageFor(model => model.billede)
            </div>
            <br />
            <button class="btn btn-default">Opret bruger</button>
        </fieldset>
    </div>


}

i have also make the Partial edit profile snippet that umbraco have and i i can add the image upload to that one it would be creat

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage


@using System.Web.Mvc.Html
@using ClientDependency.Core.Mvc
@using Umbraco.Web
@using Umbraco.Web.Controllers
@using Medlemmer.Controllers
@using Medlemmer.Models


@{
    var profileModel = Members.GetCurrentMemberProfileModel();

    Html.EnableClientValidation();
    Html.EnableUnobtrusiveJavaScript();
    Html.RequiresJs("/umbraco_client/ui/jquery.js");
    Html.RequiresJs("/umbraco_client/Application/JQuery/jquery.validate.min.js");
    Html.RequiresJs("/umbraco_client/Application/JQuery/jquery.validate.unobtrusive.min.js");

    var success = TempData["ProfileUpdateSuccess"] != null;
}

@*NOTE: This RenderJsHere code should be put on your main template page where the rest of your script tags are placed*@
@Html.RenderJsHere()

@if (Members.IsLoggedIn() && profileModel != null)
{   
    if (success)
    {
        @* This message will show if RedirectOnSucces is set to false (default) *@
        <p>Profilen blev opdateret</p>
    }

    using (Html.BeginUmbracoForm<UmbProfileController>("HandleUpdateProfile"))
    {
        <fieldset>
            <legend>Rediger din profil</legend>

            @Html.ValidationSummary("profileModel", true)

            @Html.LabelFor(m => profileModel.Name)
            @Html.TextBoxFor(m => profileModel.Name)
            @Html.ValidationMessageFor(m => profileModel.Name)
            <br />

            @Html.LabelFor(m => profileModel.Email)
            @Html.TextBoxFor(m => profileModel.Email)
            @Html.ValidationMessageFor(m => profileModel.Email)
            <br />
            @Html.TextBoxFor(m => profileModel.billede, new { type = "file" })
            @for (var i = 0; i < profileModel.MemberProperties.Count; i++)
            {@*
            @Html.LabelFor(m => profileModel.MemberProperties[i].Value, profileModel.MemberProperties[i].Name)

                By default this will render a textbox but if you want to change the editor template for this property you can
                easily change it. For example, if you wanted to render a custom editor for this field called "MyEditor" you would
                create a file at ~/Views/Shared/EditorTemplates/MyEditor.cshtml", then you will change the next line of code to
                render your specific editor template like:
                @Html.EditorFor(m => profileModel.MemberProperties[i].Value, "MyEditor")

            @Html.EditorFor(m => profileModel.MemberProperties[i].Value)
            @Html.HiddenFor(m => profileModel.MemberProperties[i].Alias) *@
            <br />
        }

            <button>Gem</button>
        </fieldset>
    }       
}