@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
 <span class="btn btn-success fileinput-button">
  <i class="glyphicon glyphicon-plus"></i>
  @Html.TextBoxFor(model => model.files, "", new { @type = "file", @id = "FileToLoad", @accept = "image/gif, image/jpg, image/jpeg, image/png" })
  <span>Upload Photo...</span>
  </span>
  <input type="submit" onclick="FillBillingValues();" id="submitfilteration" class="btn btn-default" value="Continue Checkout" />
}

<Script>
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#DecalLogo').attr('src', e.target.result);
        }
        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function () {
    readURL(this);
});
</Script>


   <img id="DecalLogo" name="DecalLogo" class="photo" ImageUrl="" />
   <label for="imgInp" class="custom-file-upload">
    <i class="fa fa-cloud-upload"></i>Upload Logo
    </label>
    <input type='file' id="imgInp" name="image" />