@model PerformerProfile 
@{ ViewData["Title"] = "Edit your avatar"; } 
@section header{
<link href="~/css/main/dropzone.css" rel="stylesheet"> 
} 
@section scripts{
<script src="~/js/dropzone.js"></script> 
<script>
$(document).ready(function() {
    Dropzone.options.postavatar= {
        maxFilesize: 2, // MB (an avatar)
        autoProcessQueue: true,
        accept: function(file, done) {
            if (file.name == "justinbieber.jpg") {
                done("Naha, you don't.");
            }
            else { done(); }
        },
        url: "/api/setavatar"
        };
  });
</script>
}
<img src="~/avatars/@(User.Identity.Name).png">

<form id="postavatar" class="dropzone" method="post" enctype="multipart/form-data">
    <div class="fallback">
        <input name="Avatar" type="file" id="Avatar" />
    </div>
  (IconWebUploadSpecification"])
    @Html.AntiForgeryToken()
</form>