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+pjax简单示例汇总
Apr 21 jQuery
jQuery表单验证之密码确认
May 22 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
jQuery实现动态向上滚动
Dec 21 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实现的SESSION类
2014/12/02 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
JavaScript delete 属性的使用
2009/10/08 Javascript
Javascript Object.extend
2010/05/18 Javascript
HTML DOM的nodeType值介绍
2011/03/31 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
2011/09/09 Javascript
jquery scroll()区分横向纵向滚动条的方法
2014/04/04 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
Python中线程编程之threading模块的使用详解
2015/06/23 Python
Python计算字符宽度的方法
2016/06/14 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
车间班组长岗位职责
2013/11/13 职场文书
运动会入场词200字
2014/02/15 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
体育节口号
2014/06/19 职场文书
再婚婚前财产协议书范本
2014/10/19 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
地球上的星星观后感
2015/06/02 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL