Mr.Combet Webshell 🔥

View File Name : UploadImage.cshtml

@model bnb.Models.ServiceImageModel
@{
    ViewBag.Title = "UploadImage";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Upload Service Image</h2>

@using (Html.BeginForm("UploadImage", "Service", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">

        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @*@foreach (var item in Model)
            { }*@
        <div class="form-group">
            @Html.Label("Service", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @{
                    List<SelectListItem> items = new List<SelectListItem>();
                    using (var db = new bnb.Models.bnbEntities())
                    {
                        var service = db.Services.ToList();
                        foreach (var serv in service)
                        {
                            items.Add(new SelectListItem
                            {
                                Text = serv.ServiceName,
                                Value = serv.ServiceId.ToString()
                            });
                        }
                    }
                    @Html.DropDownListFor(x => x.ServiceId, items, new { @class = "form-control custom-select" })
                }
            </div>
        </div>

        <div class="form-group">
            @Html.Label("Image", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="thumbnail" style="width: 200px; height: 160px; border: none;">
                    <img class="img-responsive" id="targetImg" style="width: 200px; height: 150px;" />
                    <span style="color: red;">415px width * 269px height</span>
                </div>
                @Html.EditorFor(model => model.ImageUrl, new { htmlAttributes = new { @type = "file", @id = "ImageUrl" } })
                @Html.ValidationMessageFor(model => model.ImageUrl, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Caption, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextAreaFor(model => model.Caption, new { htmlAttributes = new { @class = "form-control", @id = "Caption" } })
                @Html.ValidationMessageFor(model => model.Caption, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.IsActive, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.CheckBoxFor(model => model.IsActive, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.IsActive, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-primary" />
                @Html.ActionLink("Back to List", "Index", null, htmlAttributes: new { @class = "btn btn-info" })
            </div>
        </div>
    </div>
}
<script src="~/Scripts/file.js"></script>