ajaxfileupload data为undefined的问题

最新推荐文章于 2022-04-01 11:15:46 发布
最新推荐文章于 2022-04-01 11:15:46 发布
阅读量484 收藏 1
点赞数 1
文章标签： jquery javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chedanquestion/article/details/110134009
版权

**

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

**
在这里插入图片描述

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

chedanquestion
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ajaxFileUpload无法上传data传参的问题
wittdong的博客
04-12 5344
今天遇到了一个问题：用插件ajaxFileUpload上传图片并在data中传参数时，后台怎么都不能接收到值，而且前台Js报错，都走不到后台的情况。一、代码如下$('#saveBtn').click(function () { //ajaxFileUpload不能传data，需要修改ajaxFileUpload。js代码    var ajaxData=JSON.stringify(upload...
ajaxfileupload sccuess 里data一直是undefined 即使后台是正确的（不兼容IE）
L_Person的博客
05-22 371
网上看了一堆坑爹办法。一个文档养活千万人我真是炸了、这方法我自己测试成功了 、各取所需不一定适用所有人 if ( xml || isTimeout == "timeout") { requestDone = true; var status; try { status = isTimeout != "timeout" ? "success" : "e
ajaxfileupload返回结果undefined_Null & Undefined 简易对比
weixin_31659557的博客
12-15 358
场景导入在 JS 中，表示空有两种类型，一种是null, 而另一种是undefined。但其实，这两种“空”有不同含义，我们在面试中也经常会被问到。今天我们就来整理一下null和undefined的区别和关联。两者基本相似我们来看段很有意思的代码，思考一下以下内容的返回结果。null == undefined null === undefined 怎么样，你认为结果是多少呢？我们来看一下答案。n...
ajax 传回underfined,ajax异步上传文件返回undefined
weixin_39785600的博客
08-05 153
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
ajaxFileUpload上传带参数,返回值改成json格式
weixin_34249367的博客
08-20 193
/*直接复制在自己的js文件中就能使用*/ jQuery.extend({ createUploadIframe: function (id, uri) { //create frame var frameId = 'jUploadFrame' + id; if (window.ActiveXObject) { var i...
$.ajaxFileUpload插件上传图片成功弹出undefined
撸码毁一生
07-28 1550
使用$.ajaxFileUpload插件上传图片成功报错undefined查找原因半天都不知道怎么回事，后来发现这是因为timeout属性超时，延长配置时间即可！
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的data数据带pre标签
andyandyandy1111的博客
03-06 140
解决办法： var ret = jQuery.parseJSON(jQuery(data).text()); 转载于:https://www.cnblogs.com/cheng6018/p/8516267.html
ajaxFileUpload的使用和参数说明
qq_25956141的博客
01-07 6130
前面有提到使用ajaxFileUpload的例子，这里再来谈一下ajaxFileUpload使用规范 ajaxFileUpload.js下载地址http://download.csdn.net/download/qq_25956141/10192286 ------------------ 参数规范： 传递类型为json类型的参数 1、url　　　　　　　　　　  上传处理程序地址。　　
为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 + ‘”
ajax上传文件之ajaxfileupload使用详解
这是我的一个秘密，再简单不过的秘密：一个人只有用心去看，才能看到真实。
11-25 4601
废话不多说，直接展示关键代码片段 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 374
1，报错，<token 类似的错误。 这个是数据返回时的报错。 修改： uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // ifthe type ...
antd upload控件的data参数
05-23 2万+
通过data属性传递的参数，在后台可以通过request获取到。经测试data可以是一个对象或者函数 ，&lt;Upload name="file" data={this.state.ingoreFirst} action="/api/uploadFile" onChange={(info)=&gt;this.handleUploadFileOnChange(info)} &gt;如果是一个boo...
ajaxfileupload使用中的一些问题
leiiiii的专栏
02-25 266
项目以前是按照微信开发的，前端input上传图片功能用的是微信JS，在手机浏览器中无法正常上传图片，所以准备改用ajaxfileupload。在网上查找资料，大部分的ajaxfileupload原文件都不一样，质量参差不齐，有各种各样的错误，向大家推荐一个修改过没有错误的版本，供大家下载ajaxfileupload.js 以下是我在使用过程遇到的一些问题，供大家参考： 一、后台接收不到数据： i...
ajax请求结果具体属性为undefined原因
Ethanxumf的博客
10-30 1123
1.未定义dataType，导致默认为字符串，所以使用data.属性时为undefined 2.使用eval("("+result+")")函数，将字符串转为对象；
$.ajaxFileUpload上传文件出现错误...问题总结
kirsten_z的博客
03-22 1万+
**加载报错：**ajaxfileupload.js:1 Uncaught ReferenceError: jQuery is not defined ** 上传报错：**Uncaught TypeError: $.ajaxFileUpload is not a function 原因： jquery.js，ajaxfileupload.js加载顺序不正确，应先加载 jquery.js，再加载a
关于element-ui组件upload的使用注意事项
weixin_51978017的博客
04-01 1467
关于element-ui组件upload的使用注意事项
关于ajaxfileupload只能上传一次问题解决
最新发布
05-26
如果你使用的是ajaxfileupload插件进行文件上传，但是只能上传一次的问题，可能是因为插件未能正常销毁。 解决方法如下： 1. 在上传完文件后，手动销毁插件对象，例如： ``` $("#fileUpload").remove(); ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值