快捷導(dǎo)航

Jquery異步上傳文件代碼實(shí)例

更新時(shí)間：2019年11月13日 14:57:33 作者：葉丶梓軒

這篇文章主要介紹了Jquery異步上傳文件代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

一,view代碼

<form role="form">
   <div class="form-group">
     <label for="keyinput">選擇文件：</label>
     <input type="file" name="upfile" id="upfile" />
   </div>
   <div class="form-group">
     <input class="btn btn-minw btn-danger" type="button" onclick="importExp()" value="ajax導(dǎo)入" />
   </div>
</form>

function importExp() {
      var formData = new FormData();
      formData.append("file", document.getElementById("upfile").files[0]);
      $.ajax({
        type: 'POST',
        url: '/s/Import',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
          layer.msg(data.msg);
　　　　　　　　　　　　// 清空input file文件原生js
          var file = document.getElementById("upfile");
          // for IE, Opera, Safari, Chrome
          if (file.outerHTML) {
            file.outerHTML = file.outerHTML;
          } else { // FF(包括3.5)
            file.value = "";
          }
        }
      });
    }

二，控制器代碼

public JsonResult ImportExecl()
    {
      bool isOk = false;
      var file = Request.Files[0];
      if (file == null || file.ContentLength <= 0)
      {
        return Json(new { IsOk = isOk, msg = "請(qǐng)上傳excel文件" });
      }
      if (!new List<string>() { ".xls" }.Contains(Path.GetExtension(file.FileName)))
      {
        return Json(new { IsOk = isOk, msg = "請(qǐng)上傳格式為.xls的excel文件" });
      }
　　　　　　　　var a = file.InputStream;
　　　　 }

綜上，就可以獲取到file.InputStream文件流，然后對(duì)文件流的操作就可以了

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: