При загрузке страницы появляется следующая ошибка: «ссылка на объект не установлена ​​на экземпляр»

Question

когда при загрузке страницы появляется ошибка

Ссылка на объект не установлена ​​на экземпляр

Что не так с кодом?

HTML:

   <div class="col">
     <label for="lblPartyName">Image File</label>
         <div class="col-4">
           <img src="@Url.Content(Model.imagePath)" style="margin:10px; border:solid 1px" height="20" width="20" id="ImagePreview" />
           <input type="file" name="imageFile" accept="image/jpeg,image/png" onchange="ShowImagePreview(this,document.getElementById('ImagePreview'))" />

         </div>
     </div>

jQuery / javascript

<script>

    function ShowImagePreview(ImageUploder, previewImage)
    {
        if (ImageUploder.files && ImageUploder.files[0])
        {
            var reader = new FileReader();
            reader.onload = function (e) {
                $(previewImage).attr('src', e.target.result);
            }
            reader.readAsDataURL(ImageUploder.files[0]);
        }
    }


</script>

Модель

[NotMapped]
    public HttpPostedFileBase imageFile { get;set; }
    public string imagePath {get;set;}
    public Quotation()
    {
        imagePath = "~/AppFiles/Images/Default.png";
    }