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弹幕效果
May 06 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jquery实现上传文件进度条
Mar 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
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
详解json在php中的应用
2018/09/30 PHP
php5与php7的区别点总结
2019/10/11 PHP
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
javascript替换已有元素replaceChild()使用介绍
2014/04/03 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
Javascript复制实例详解
2016/01/28 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
JS判断一个数是否是水仙花数
2017/06/11 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
tensorflow常用函数API介绍
2020/04/19 Python
Python基于template实现字符串替换
2020/11/27 Python
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
项目合作计划书
2014/01/09 职场文书
高三政治教学反思
2014/02/06 职场文书
自我推荐信范文
2014/05/09 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
公共艺术专业自荐信
2014/09/01 职场文书
先进单位事迹材料
2014/12/25 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
教你部署vue项目到docker
2022/04/05 Vue.js