解决AjaxFileupload 上传时会出现连接重置的问题


Posted in Javascript onJuly 07, 2017

1.ajaxfileupload 上传时会出现如下问题:

解决AjaxFileupload 上传时会出现连接重置的问题

2. 网上有很多的解决办法,在这里,我又发现了一种,可能你的错误会是这个原因引起的

------原因是 : 你在一般处理程序中没有返回前台需要的数据格式字符串

3.下面给出一个例子:

前台:

<style type="text/css">
    .fileLink{position: relative;display: inline-block;background: #fff;border: 1px solid #0980D0;border-radius: 4px;padding: 2px 8px;margin-left:10px;margin-top:10px;overflow: hidden;color: #1E88C7;text-decoration: none;text-indent: 0;line-height: 20px;}
    .fileLink input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;}
    .fileLink:hover {background: #AADFFD;border-color: #78C3F3;cursor:pointer;color: #004974;text-decoration: none;}
  </style>
<span class="fL fileLink" style="padding-left: 10px;">选择文件<input type="file" id="uploadify" name="uploadify" value="上传数据" /></span>
<script src="../../Plugins/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Plugins/ajaxfileupload.js" type="text/javascript"></script>
<script>
    $("#uploadify").on("change", function () {
      //var file = $("#uploadify")[0].files[0];
      $.ajaxFileUpload({
        url: './ImportDynamic.ashx',
        fileElementId: 'uploadify',
        dataType: 'text',
        success: function (data, status) {
          alert(1);
        },
        error: function () { }
      });
    });
</script>
一般处理程序:
      context.Response.ContentType = "text/plain";
      var filePath = "uploadfile/xxx.xls";
      filePath = context.Server.MapPath(filePath);
      Import.GetCommonReportFile(filePath);
      //context.Response.Write("返回文本数据,否则前台就会报如上错误");

4.插件:http://files.cnblogs.com/files/namedL/ajaxfileupload.js

以上所述是小编给大家介绍的解决AjaxFileupload 上传时会出现连接重置的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
容易被忽略的JS脚本特性
Sep 13 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
javascript使用正则表达式检测IP地址
Dec 03 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
微信小程序实现日历功能
Nov 27 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
详解小程序开发经验:多页面数据同步
May 18 Javascript
Vue-cli打包后如何本地查看的操作
Sep 02 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 #Javascript
详谈js模块化规范
Jul 07 #Javascript
使用JavaScript实现alert的实例代码
Jul 06 #Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 #Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 #Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 #Javascript
详解微信小程序Radio选中样式切换
Jul 06 #Javascript
You might like
十天学会php之第六天
2006/10/09 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
微信API接口大全
2015/04/15 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
Python中的lstrip()方法使用简介
2015/05/19 Python
python利用正则表达式排除集合中字符的功能示例
2017/10/10 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
python实现自动解数独小程序
2019/01/21 Python
pybind11在Windows下的使用教程
2019/07/04 Python
如何使用python进行pdf文件分割
2019/11/11 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
法学研究生自我鉴定范文
2013/12/04 职场文书
新闻发布会主持词
2014/03/28 职场文书
高等教育学专业自荐书
2014/06/17 职场文书
2014年教师节寄语
2014/08/11 职场文书
车间主任岗位职责
2015/02/03 职场文书
出国留学单位推荐信
2015/03/26 职场文书
白银帝国观后感
2015/06/17 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS