解决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 相关文章推荐
Javascript优化技巧(文件瘦身篇)
Jan 28 Javascript
javascript 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 Javascript
原生js实现放大镜效果
Jan 11 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
小程序点击图片实现自动播放视频
May 29 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
JS+CSS实现过渡特效
Jan 02 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
详解Vue的sync修饰符
May 15 Vue.js
基于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
Smarty安装配置方法
2008/04/10 PHP
php+mysql数据库查询实例
2015/01/21 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
JS合并数组的几种方法及优劣比较
2014/09/19 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
二维码图片生成器QRCode.js简单介绍
2017/08/18 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
基于Vue+Webpack拆分路由文件实现管理
2020/11/16 Javascript
Python中的map、reduce和filter浅析
2014/04/26 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
美国第一香水网站:Perfume.com
2017/01/23 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
大学毕业通用个人的求职信
2013/12/08 职场文书
高一学生评语大全
2014/04/25 职场文书
教师考察材料范文
2014/06/03 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
检举信的写法
2019/04/10 职场文书