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-file-upload 文件上传带进度条效果
Nov 21 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 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遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
php中this关键字用法分析
2016/12/07 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
js 鼠标移动显示图片的简单实例
2013/12/25 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
Vue中render函数的使用方法
2018/01/31 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
用python写测试数据文件过程解析
2019/09/25 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
python ftplib模块使用代码实例
2019/12/31 Python
大专生自荐信
2013/10/04 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
防火标语大全
2014/10/06 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python