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插件制作 自增长输入框实现代码
Aug 17 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
详解jQuery中的prop()使用方法
Jan 05 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jQuery实现购物车全功能
Jan 11 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/08/06 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
PHP实现负载均衡session共享redis缓存操作示例
2018/08/22 PHP
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
详解JavaScript中localStorage使用要点
2016/01/13 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
2017/01/08 Javascript
Vue.js划分组件的方法
2017/10/29 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
vue-router两种模式区别及使用注意事项详解
2019/08/01 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
django实现分页的方法
2015/05/26 Python
python框架django基础指南
2016/09/08 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
python -v 报错问题的解决方法
2020/09/15 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
英格兰橄榄球商店:England Rugby Store
2016/12/17 全球购物
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
2015最新学生自我评价范文
2015/03/03 职场文书
js Proxy的原理详解
2021/05/25 Javascript