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表单验证(简单)
May 23 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
JQuery常见节点操作实例分析
May 15 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery ajax - getScript() 方法和getJSON方法
May 14 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的安全
2006/10/09 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
如何实现删除numpy.array中的行或列
2018/05/08 Python
python绘制评估优化算法性能的测试函数
2019/06/25 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
tensorflow-gpu安装的常见问题及解决方案
2020/01/20 Python
Python configparser模块常用方法解析
2020/05/22 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
2020/07/28 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
Python脚本实现Zabbix多行日志监控过程解析
2020/08/26 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
校企合作协议书
2014/04/16 职场文书
财务部绩效考核方案
2014/05/04 职场文书
安全生产专项整治方案
2014/05/06 职场文书
预备党员公开承诺书
2014/05/28 职场文书
个人工作总结范文2014
2014/11/07 职场文书
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android