Hinsura
4/3/2018 - 2:41 PM

File Upload

/* DECLARATION FORM UPLOAD */
[Display(Name = "Beyan Formu")]
public HttpPostedFileBase DeclarationFormFile { get; set; }
public long? UploadedFileId { get; set; }
public string FileName { get; set; }
private bool _isFileUploaded { get; set; }
public bool IsFileUploaded
{
  get
  {
    _isFileUploaded = UploadedFileId.HasValue;
    return _isFileUploaded;
  }
  set { _isFileUploaded = value; }
}
/*------------------------*/
@if (Model.UploadedFileId.HasValue)
{
  <div class="form-group" id="divUploadedFileButtons">
    @Html.LabelFor(model => model.UploadedFileId, htmlAttributes: new { @class = "control-label col-md-3" })
    <div class="col-md-9">
      <a class="btn btn-success" href="/Common/File/@Model.UploadedFileId"><i class="fa fa-download"></i> Formu İndir</a>
      <a class="btn btn-danger" onclick="RemoveFile();"><i class="fa fa-trash"></i> Formu Sil</a>
    </div>
  </div>
}
<div id="file-container">
  <div class="form-group">
    @Html.HiddenFor(model => model.UploadedFileId)
    @Html.LabelFor(model => model.DeclarationFormFile, htmlAttributes: new { @class = "control-label  col-md-3" })
    <div class="col-md-9">
      @Html.TextBoxFor(model => model.DeclarationFormFile, null, new { @class = "form-control", type = "file", enctype = "multipart/form-data" })
      <div id="div-file-uploaded" class="input-group" style="display:none">
        <span class="input-group-btn">
          <span class="input-group-btn ">
            <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
              İşlemler
              <i class="fa fa-angle-down"></i>
            </button>
            <ul class="dropdown-menu">
              <li>
                <a id="btn-clearfile" href="javascript:;"> Temizle </a>
              </li>
              <li>
                <a id="btn-viewfile" href="javascript:;"> Görüntüle </a>
              </li>
            </ul>
          </span>
        </span>
        @Html.TextBoxFor(model => model.FileName, null, new { @disabled = "disabled", @placeholder = "", @class = "form-control" })
      </div>
      @Html.HiddenFor(model => model.IsFileUploaded)
    </div>
  </div>
</div>

@Html.Script(@<script src="~/Scripts/hinsura-file-upload.js"></script>)
@Html.Script(
@<script>
  var fileUploadParams = {
      fileName: "#FileName",
      fileContainer: "#file-container",
      fileUploadBefore: "#DeclarationFormFile", //standart file upload button
      fileUploadAfter: "#div-file-uploaded", //modern file upload after load
      fileUploadedId: "#UploadedFileId",
      isFileUploaded: "#IsFileUploaded",
      btnClearFile: "#btn-clearfile",
      btnViewFile: "#btn-viewfile",
      moduleName: "DeclarationForm", //module column in uploaded file table
      blockUiElement: ".page-container",
      divUploadedFileButtons: "#divUploadedFileButtons"
  }
  $(function () {
    hinsuraFileUpload();
  });
</script>
)