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简单绑定单个事件的方法示例
Jun 10 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 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中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
Python解释执行原理分析
2014/08/22 Python
python合并同类型excel表格的方法
2018/04/01 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
如何使用PyCharm引入需要使用的包的方法
2020/09/22 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
服务员岗位职责
2014/01/29 职场文书
函授自我鉴定范文
2014/02/06 职场文书
贸易跟单员英文求职信
2014/04/19 职场文书
竞选班干部演讲稿400字
2014/08/20 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
会计出纳岗位职责
2015/03/31 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
少先大队干部竞选稿
2015/11/20 职场文书
2016年五一促销广告语
2016/01/28 职场文书
关于保护环境的建议书
2019/06/24 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
mysql使用FIND_IN_SET和group_concat两个方法查询上下级机构
2022/04/20 MySQL