解决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打造省市下拉框联动效果
May 18 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
webpack 模块热替换原理
Apr 09 Javascript
JS判断数组里是否有重复元素的方法小结
May 21 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 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简单处理表单输入的特殊字符的方法
2016/02/03 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
ajax异步请求详解
2017/01/06 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
详解mpvue开发微信小程序基础知识
2019/09/23 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
react基本安装与测试示例
2020/04/27 Javascript
本地文件上传到七牛云服务器示例(七牛云存储)
2014/01/11 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
python中嵌套函数的实操步骤
2019/02/27 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
python字符串判断密码强弱
2020/03/18 Python
python和php学习哪个更有发展
2020/06/17 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
汽车专业学生自我评价
2014/01/19 职场文书
《穷人》教学反思
2014/04/08 职场文书
学校读书活动总结
2014/06/30 职场文书
社区娱乐活动方案
2014/08/21 职场文书
2014年银行个人工作总结
2014/12/05 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
Python经常使用的一些内置函数
2022/04/11 Python