解决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 相关文章推荐
仿新浪微博返回顶部的jquery实现代码
Oct 01 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
JS实现的论坛Ajax打分效果完整实例
Oct 31 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
vue.js语法及常用指令
Oct 29 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
Vue 2.0 侦听器 watch属性代码详解
Jun 19 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 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
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
各种选择框jQuery的选中方法(实例讲解)
2017/06/27 jQuery
深入理解ES6之数据解构的用法
2018/01/13 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
解决Layui中layer报错的问题
2019/09/03 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
详解javascript脚本何时会被执行
2021/02/05 Javascript
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
详解Python中的四种队列
2018/05/21 Python
详解python中的lambda与sorted函数
2020/09/04 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
Linux文件系统类型
2012/09/16 面试题
小学教师的自我评价范例
2013/10/31 职场文书
我的五年职业生涯规划
2014/01/23 职场文书
人大代表选举标语
2014/10/07 职场文书
校运动会广播稿300字
2014/10/07 职场文书
中标通知书范本
2015/04/17 职场文书
地道战观后感300字
2015/06/04 职场文书
八年级作文之感恩
2019/11/22 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
redis哨兵常用命令和监控示例详解
2021/05/27 Redis
Java字符串逆序方法详情
2022/03/21 Java/Android
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技