ajaxfileupload data为undefined的问题

最新推荐文章于 2022-11-22 10:45:38 发布
原创 最新推荐文章于 2022-11-22 10:45:38 发布 · 595 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #javascript #html

博主在使用较老的js插件ajaxfileupload时，发现data为undefined，修改源文件过滤方法无效。经跟踪代码，发现是io异常，原因是ifream父子调用造成信息传输阻塞。虽百度有解决办法，但博主觉得麻烦，最终换了上传插件。

**

ajaxfileupload是一个比较老的js了，最近使用的时候发现data是undefined，不是空或者加了 pre 标签，改源文件的js过滤方法也没用。后来跟踪代码发现是在96行的位置

**
在这里插入图片描述

data其实就是io.responseText或者io.responseXML,根本原因在于io不对，io里根本就没有这俩属性，所以data为undefined。 而io异常是由于ifream父子调用造成的信息传输阻塞，打断点观察io能找到那个异常，百度搜一搜有一些解决办法，不过我觉得都比较麻烦，所以就换了个上传插件，不再使用ajaxfileupload了。

chedanquestion
关注
asp.net结合ajaxfileupload控件上传文件一直提示undefined问题
流渊的专栏
08-06 7927
asp.net 结合ajaxfileupload.js 上传文件问题。文件是可以上传成功的，但是上传成功后的提示就有问题了 一直提示undefined，奇怪死了。开始以为是格式问题，找了好久都没发现问题...。不过经过仔细分析还是找到 问题所在了~~~~
ajax多个files,ajaxFileupload实现多个文件上传。
weixin_28824127的博客
08-05 1039
在使用jQuery的ajaxfileupload.js插件来处理ajax上传图片功能，但内置的功能有3个问题不能同时上传多个文件不能传递参数主域下的跨域提交问题以及一个jQuery版本问题handleError下面说下对于个个问题的处理方式，并在最后放上完整的代码，可以直接复制同时上传多个文件var oldElement = jQuery('#' + fileElementId);var newE...
ajaxfileupload.js
04-20
ajaxfileupload.js可以兼容IE8以下版本实现无刷新的Form提交，上传文件。 这个版本修改了提交后台失败的几个bug 使用是需注意以下几点： 1.调用createUploadForm，此方法中增加了change参数，此参数用户给新生成的input-file元素绑定change事件，如果不需要可以不加此参数。 2.要上传的input-file元素，建议放id和name属性，而且这两个属性值要保持一致 3.后台代码中，response里的contenttype要设置为"text/html"，前台的success回调中对返回值作处理 例子如下： js： $.ajaxFileUpload({ url: url, type: 'post', data: data, secureuri: false, fileElementId: fileId, // input-file的id、name属性名 dataType: 'JSON', beforeSend: function (XMLHttpRequest) { //show loading... }, success: function (data, status) { data = jQuery.parseJSON(data); success(data); }, error: function (data, status, e) { error(e); }, complete: function (XMLHttpRequest, textStatus) { //hide loading... }, change: change //需要绑定到动态生成的input-file元素上的change事件处理方法；没有的话，这个参数可以不写 }); 如果加了change，change方法中需要处理一下，因为发现会被调2次 function Upload(event) { var fileid = $(event.target).attr('id'); if(isNullOrEmpty(fileid) || /^jUploadFile\d+$/.test(fileid))return; //注意:此处过滤无效调用 //... } 后台代码（ashx）： public void ProcessRequest(HttpContext context) { try { context.Response.ContentType = "text/html"; var request = context.Request; var param1 = request.Params["param1"]; //取参数 //取上传文件 if (request.Files == null || request.Files.Count <= 0) throw new ApplicationException("no file to be uploaded!"); var file = request.Files[0]; var filename = System.IO.Path.GetFileName(file.FileName); var serverpath = Path.Combine(context.Server.MapPath(ROOT), filename); file.SaveAs(serverpath); //自定义返回Json字符串 var json = '{' + string.Format(json, id, finfo.Name, extension, path) + '}'; response.Write(json); return; }
ajaxfileupload返回结果undefined_Null & Undefined 简易对比
weixin_31659557的博客
12-15 460
场景导入在 JS 中，表示空有两种类型，一种是null, 而另一种是undefined。但其实，这两种“空”有不同含义，我们在面试中也经常会被问到。今天我们就来整理一下null和undefined的区别和关联。两者基本相似我们来看段很有意思的代码，思考一下以下内容的返回结果。null == undefined null === undefined 怎么样，你认为结果是多少呢？我们来看一下答案。n...
ajaxfileupload sccuess 里data一直是undefined 即使后台是正确的（不兼容IE）
L_Person的博客
05-22 497
网上看了一堆坑爹办法。一个文档养活千万人我真是炸了、这方法我自己测试成功了 、各取所需不一定适用所有人 if ( xml || isTimeout == "timeout") { requestDone = true; var status; try { status = isTimeout != "timeout" ? "success" : "e
ajax 传回underfined,ajax异步上传文件返回undefined
weixin_39785600的博客
08-05 244
ajax是异步的你不能直接获取result的值第一种用回调函数获取function sendFilePost(url, data,successCb,failCb) {$.ajax({type: "POST",url: basePath + url,data: data,//async: false,cache: false,contentType: false,processData: fals...
ajaxFileUpload插件上传文件 返回 syntaxError :unexpected token <
热门推荐
han_dongwei的专栏
01-11 4万+
Html代码   table id="deploy_application" class="bordered-table">    tr>      td id="application_file">        input id="file_field" type="file" name="application" size="20" />      td>      td id
Thinkphp结合ajaxFileUpload实现异步图片传输示例
10-20
通过设置正确的dataType为'json'，前端的ajaxFileUpload插件可以很方便地处理来自服务器的json响应。 此外，ThinkPHP还支持跨域请求，如果图片上传需要在不同域之间进行，ThinkPHP的跨域支持将非常有用。通过配置...
jQuery插件ajaxfileupload.js实现上传文件
10-22
action: ((action == null || action == undefined) ? '/Common/UploadHandler.ashx?fileType=file' : action), data: {}, name: 'myfile', onSubmit: function(file, ext) { // 文件类型检查 }, onComplete:...
前端上传图片服务器一直undefined是为什么
最新发布
06-17
如果使用了第三方插件（如 `ajaxfileupload.js`[^4]），可能存在参数配置错误或版本兼容性问题，导致服务器返回值为 `undefined`。 解决方法： - 检查插件文档，确保所有必要参数已正确配置。 - 如果插件版本较旧，...
为jquery的ajaxfileupload增加附加参数的方法
12-09
直接说方法： 代码如下:$.ajaxFileUpload({data:{“a”:123,”b”:456};//附加参数，json格式});然后在ajaxFileUpload.js文件中修改两个函数，其实就是一个函数（给函数添加新的参数） 第一处： 代码如下:createUploadForm: function(id, fileElementId,data){}大于在26行吧。 然后在在函数体中加入以下代码： 代码如下:if (data) {      for (var i in data) {          $(‘<input type=”hidden” name=”‘ + i + ‘”
ajaxFileUpload上传带参数,返回值改成json格式
weixin_34249367的博客
08-20 253
/*直接复制在自己的js文件中就能使用*/ jQuery.extend({ createUploadIframe: function (id, uri) { //create frame var frameId = 'jUploadFrame' + id; if (window.ActiveXObject) { var i...
$.ajaxFileUpload插件上传图片成功弹出undefined
撸码毁一生
07-28 1626
使用$.ajaxFileUpload插件上传图片成功报错undefined查找原因半天都不知道怎么回事，后来发现这是因为timeout属性超时，延长配置时间即可！
ajaxFileUpload无法上传data传参的问题
wittdong的博客
04-12 5483
今天遇到了一个问题：用插件ajaxFileUpload上传图片并在data中传参数时，后台怎么都不能接收到值，而且前台Js报错，都走不到后台的情况。一、代码如下$('#saveBtn').click(function () { //ajaxFileUpload不能传data，需要修改ajaxFileUpload。js代码    var ajaxData=JSON.stringify(upload...
ajaxfileupload带参数上传文件
代码笔记
11-22 1499
$.ajaxFileUpload( { url: '/controller/action', secureuri: false, data: { 'name': 'Tom', //'参数名称':'参数值' }, ... ... }
ajaxFileUpload的data数据带pre标签
andyandyandy1111的博客
03-06 190
解决办法： var ret = jQuery.parseJSON(jQuery(data).text()); 转载于:https://www.cnblogs.com/cheng6018/p/8516267.html
ajaxFileUpload的使用和参数说明
qq_25956141的博客
01-07 6339
前面有提到使用ajaxFileUpload的例子，这里再来谈一下ajaxFileUpload使用规范 ajaxFileUpload.js下载地址http://download.youkuaiyun.com/download/qq_25956141/10192286 ------------------ 参数规范： 传递类型为json类型的参数 1、url　　　　　　　　　　  上传处理程序地址。　　
ajax上传文件之ajaxfileupload使用详解
这是我的一个秘密，再简单不过的秘密：一个人只有用心去看，才能看到真实。
11-25 4810
废话不多说，直接展示关键代码片段 HTML部分：<div class="form-group"> <label class="col-sm-2 control-label">图片：</label> <input name="WxQRCode" type="file" onchange="fileUpload('WxQRCode');" id="WxQRCode"> <inp
ajaxfileupload使用中的问题
阅读之后，对你有帮助，那就点个赞再走吧
06-12 507
1，报错，<token 类似的错误。 这个是数据返回时的报错。 修改： uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // ifthe type ...
jQuery插件ajaxFileUpload实战与常见问题解析
jQuery的ajaxFileUpload插件为前端开发人员提供了一种便捷的方式来处理文件上传，只要理解并合理配置其参数，就能快速实现功能。对于那些希望简化异步上传流程的项目来说，这是一个值得尝试的工具。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值