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实现字体颜色渐变效果的方法
Mar 29 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 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
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
js星星评分效果
2014/07/24 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
vue跨域解决方法
2017/10/15 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
python生成随机验证码(中文验证码)示例
2014/04/03 Python
Python 自动补全(vim)
2014/11/30 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
Django的CVB实例详解
2020/02/10 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
研究生求职推荐信范文
2013/11/30 职场文书
网络维护中文求职信
2014/01/03 职场文书
俄语专业毕业生求职信
2014/07/12 职场文书
通用员工手册范本
2015/05/14 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技