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实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jQuery实现倒计时功能完整示例
Jun 01 jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 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
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
php 伪静态之IIS篇
2014/06/02 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
php表单处理操作
2017/11/16 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
three.js中3D视野的缩放实现代码
2017/11/16 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
Bodum官网:咖啡和茶壶、玻璃器皿、厨房电器等
2018/08/01 全球购物
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
采购主管工作职责
2013/12/12 职场文书
大学生职业生涯规划范文
2014/01/08 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
农村党建工作汇报材料
2014/10/27 职场文书
合作意向协议书
2015/01/29 职场文书
运动会广播稿20字
2015/08/19 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书