Jquery异步上传文件代码实例


Posted in jQuery onNovember 13, 2019

这篇文章主要介绍了Jquery异步上传文件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

一,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导入" />
   </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 = "请上传excel文件" });
      }
      if (!new List<string>() { ".xls" }.Contains(Path.GetExtension(file.FileName)))
      {
        return Json(new { IsOk = isOk, msg = "请上传格式为.xls的excel文件" });
      }



var a = file.InputStream;


 }

综上,就可以获取到file.InputStream文件流,然后对文件流的操作就可以了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
jQuery实现div跟随鼠标移动
Aug 20 jQuery
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
jQuery实现简单轮播图效果
Dec 27 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 #jQuery
jquery获取input输入框中的值
Nov 13 #jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 #jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 #jQuery
jquery ajax 请求小技巧实例分析
Nov 11 #jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 #jQuery
You might like
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
二叉树先序遍历的非递归算法具体实现
2014/01/09 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
tensorflow 中对数组元素的操作方法
2018/07/27 Python
关于python3中setup.py小概念解析
2019/08/22 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
python压包的概念及实例详解
2021/02/17 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
C++是不是类型安全的
2014/02/18 面试题
Python面试题集
2012/03/08 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
机械电子工程专业推荐信范文
2013/11/20 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
关于保护环境的标语
2014/06/09 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
优秀校长事迹材料
2014/12/24 职场文书
Python何绘制带有背景色块的折线图
2022/04/23 Python