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实现瀑布流页面
Apr 11 jQuery
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP实现批量重命名某个文件夹下所有文件的方法
2017/09/04 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
python实现根据图标提取分类应用程序实例
2014/09/28 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
Python基于tkinter模块实现的改名小工具示例
2017/07/27 Python
使用python爬取B站千万级数据
2018/06/08 Python
python找出完数的方法
2018/11/12 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
美国知名的家庭连锁百货商店:Boscov’s
2017/07/27 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
静态成员和非静态成员的区别
2012/05/12 面试题
中专毕业生求职简历的自我评价
2013/10/21 职场文书
电气专业推荐信范文
2013/11/18 职场文书
教师档案管理制度
2014/01/23 职场文书
降消项目实施方案
2014/03/30 职场文书
村党支部换届选举方案
2014/05/02 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers