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插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 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 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
php array_map()函数实例用法
2021/03/03 PHP
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
使用js画图之画切线
2015/01/12 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
2016/11/11 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
Python实现的监测服务器硬盘使用率脚本分享
2014/11/07 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
python安装scipy的方法步骤
2019/06/26 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
python轮询机制控制led实例
2020/05/03 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
全球最大的在线橄榄球商店:Lovell Rugby
2018/05/20 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
六道php面试题附答案
2014/06/05 面试题
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
初中政教处工作总结
2015/08/12 职场文书
小学生一年级(书信作文)
2019/08/13 职场文书
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL