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 01 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jQuery属性选择器用法实例分析
Jun 28 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
jquery自定义组件实例详解
Dec 31 jQuery
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
jquery实现广告上下滚动效果
Mar 04 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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
PHP中header用法小结
2016/05/23 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
jquery将标签元素的高设为屏幕的百分比
2017/04/19 jQuery
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python利用hook技术破解https的实例代码
2013/03/25 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
Python csv文件记录流程代码解析
2020/07/16 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
交通专业个人自荐信格式
2013/09/23 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
Python中常见的导入方式总结
2021/05/06 Python