Ext.Ajax.request做文件上传不执行回调函数？

我在做一个多文件上传，整体用的EXT，所以想用EXT的异步请求完成上传，上传没问题，就是上传完了，不执行回调函数，老自动弹一个下载"uploadFile.action"文件，其实就是一个json，好像是根本没执行回调函数，求各位老鸟解释下，并帮我解决，我不想别人上传完，总提示下载"uploadFile.action"。
页面代码：
[code="java"]

上传附件

添加附件：

文件路径

温馨提示：最多可同时上传个文件，只允许上传文件。

//以下为附件js代码 var isIE = (document.all) ? true : false; var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } var Extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } } var Bind = function(object, fun) { return function() { return fun.apply(object, arguments); } } var Each = function(list, fun){ for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); } }; //提交操作 function doUpload(){ if(Efs.getExt("uploadForm").isValid()){ myMask.show(); Ext.Ajax.request({ //请求地址 url: 'uploadFile.action', //提交参数组 fileUpload: true, form: uploadForm, scope: uploadForm, //成功时回调 success: function(response, options) { //获取响应的json字符串 myMask.hide(); var json = response.responseText; var o= Ext.util.JSON.decode(json); // var s="<s:text name="o.msg"/>"; var s=o.msg; Ext.Msg.alert('<s:text name="msg_title"/>', s); }, failure: function (response,options){ myMask.hide(); var st='<s:text name="'+o.msg+'"/>'; Ext.Msg.alert('<s:text name="msg_title"/>', st); } }); } else Ext.Msg.alert('<s:text name="msg_title"/>', '<s:text name="msg_mustFill"/>'); } //文件上传 var FileUpload = Class.create(); FileUpload.prototype = { //表单对象，文件控件存放空间 initialize: function(form, folder, options) { <pre><code>this.Form = $(form);//表单 this.Folder = $(folder);//文件控件存放空间 this.Files = [];//文件集合 this.SetOptions(options); this.FileName = this.options.FileName; this._FrameName = this.options.FrameName; this.Limit = this.options.Limit; this.Distinct = !!this.options.Distinct; this.ExtIn = this.options.ExtIn; this.ExtOut = this.options.ExtOut; this.onIniFile = this.options.onIniFile; this.onEmpty = this.options.onEmpty; this.onNotExtIn = this.options.onNotExtIn; this.onExtOut = this.options.onExtOut; this.onLimite = this.options.onLimite; this.onSame = this.options.onSame; this.onFail = this.options.onFail; this.onIni = this.options.onIni; if(!this._FrameName){ //为每个实例创建不同的iframe this._FrameName = "uploadFrame_" + Math.floor(Math.random() * 1000); //ie不能修改iframe的name var oFrame = isIE ? document.createElement("<iframe name=\"" + this._FrameName + "\">") : document.createElement("iframe"); //为ff设置name oFrame.name = this._FrameName; oFrame.style.display = "none"; //在ie文档未加载完用appendChild会报错 document.body.insertBefore(oFrame, document.body.childNodes[0]); } //设置form属性，关键是target要指向iframe this.Form.target = this._FrameName; this.Form.method = "post"; //注意ie的form没有enctype属性，要用encoding this.Form.encoding = "multipart/form-data"; //整理一次 this.Ini(); </code></pre> }, //设置默认属性 SetOptions: function(options) { this.options = {//默认值 FileName: "files",//文件上传控件的name，配合后台使用 FrameName: "",//iframe的name，要自定义iframe的话这里设置name onIniFile: function(){},//整理文件时执行(其中参数是file对象) onEmpty: function(){},//文件空值时执行 Limit: 0,//文件数限制，0为不限制 onLimite: function(){},//超过文件数限制时执行 Distinct: true,//是否不允许相同文件 onSame: function(){},//有相同文件时执行 ExtIn: [],//允许后缀名 onNotExtIn: function(){},//不是允许后缀名时执行 ExtOut: [],//禁止后缀名，当设置了ExtIn则ExtOut无效 onExtOut: function(){},//是禁止后缀名时执行 onFail: function(){},//文件不通过检测时执行(其中参数是file对象) onIni: function(){}//重置时执行 }; Extend(this.options, options || {}); }, //整理空间 Ini: function() { //整理文件集合 this.Files = []; //整理文件空间，把有值的file放入文件集合 Each(this.Folder.getElementsByTagName("input"), Bind(this, function(o){ if(o.type == "file"){ o.value && this.Files.push(o); this.onIniFile(o); } })) //插入一个新的file var file = document.createElement("input"); file.name = this.FileName; file.type = "file"; file.onchange = Bind(this, function(){ this.Check(file); this.Ini(); }); this.Folder.appendChild(file); //执行附加程序 this.onIni(); //添加附件成功，显示列表 if(this.Files.length>0){ document.getElementById('fileList').style.display=""; document.getElementById('uploadButton').style.display=""; } }, //检测file对象 Check: function(file) { //检测变量 var bCheck = true; //空值、文件数限制、后缀名、相同文件检测 if(!file.value){ bCheck = false; this.onEmpty(); } else if(this.Limit && this.Files.length >= this.Limit){ bCheck = false; this.onLimite(); } else if(!!this.ExtIn.length && !RegExp(".(" + this.ExtIn.join("|") + ")$", "i").test(file.value)){ //检测是否允许后缀名 bCheck = false; this.onNotExtIn(); } else if(!!this.ExtOut.length && RegExp(".(" + this.ExtOut.join("|") + ")$", "i").test(file.value)) { //检测是否禁止后缀名 bCheck = false; this.onExtOut(); } else if(!!this.Distinct) { Each(this.Files, function(o){ if(o.value == file.value){ bCheck = false; } }) if(!bCheck){ this.onSame(); } } //没有通过检测 !bCheck && this.onFail(file); }, //删除指定file Delete: function(file) { //移除指定file this.Folder.removeChild(file); this.Ini(); if(this.Folder.getElementsByTagName("input").length==1){//没有附件时隐藏 document.getElementById('fileList').style.display="none"; document.getElementById('uploadButton').style.display="none"; } }, //删除全部file Clear: function() { //清空文件空间 Each(this.Files, Bind(this, function(o){ this.Folder.removeChild(o); })); this.Ini(); document.getElementById('fileList').style.display="none";//清空同样隐藏 document.getElementById('uploadButton').style.display="none"; } } var fu = new FileUpload("uploadForm", "idFile", { Limit: 3, ExtIn: [], onIniFile: function(file){ file.value ? file.style.display = "none" : this.Folder.removeChild(file); }, onEmpty: function(){ alert("请选择一个文件"); }, onLimite: function(){ alert("超过上传限制"); }, onSame: function(){ alert("已经有相同文件"); }, // ExtIn: ["jpg", "gif"] 可以限制上传文件后缀名，不写即为所有 // onNotExtIn: function(){ alert("只允许上传" + this.ExtIn.join("，") + "文件"); }, onFail: function(file){ this.Folder.removeChild(file); }, onIni: function(){ //显示文件列表 var arrRows = []; if(this.Files.length){ var oThis = this; Each(this.Files, function(o){ var a = document.createElement("a"); a.innerHTML = "取消"; a.href = "javascript:void(0);"; a.onclick = function(){ oThis.Delete(o); return false; }; arrRows.push([o.value, a]); }); } else { arrRows.push(["没有添加文件", " "]); } AddList(arrRows); <pre><code> //设置按钮 //$("idBtnupload").disabled = $("idBtndel").disabled = this.Files.length <= 0; } </code></pre> }); $("idBtnupload").onclick = function(){ //显示文件列表 var arrRows = []; Each(fu.Files, function(o){ arrRows.push([o.value, " "]); }); AddList(arrRows); <pre><code>fu.Folder.style.display = "none"; $("idProcess").style.display = ""; $("idMsg").innerHTML = "正在添加文件到您的网盘中，请稍候…… 有可能因为网络问题，出现程序长时间无响应，请点击“<a href='?'>取消</a>”重新上传文件"; doUpload(); $("idProcess").style.display = "none"; //fu.Form.submit(); </code></pre> } //用来添加文件列表的函数 function AddList(rows){ //根据数组来添加列表 var FileList = $("idFileList"), oFragment = document.createDocumentFragment(); //用文档碎片保存列表 Each(rows, function(cells){ var row = document.createElement("tr"); Each(cells, function(o){ var cell = document.createElement("td"); if(typeof o == "string"){ cell.innerHTML = o; }else{ cell.appendChild(o); } row.appendChild(cell); }); oFragment.appendChild(row); }) //ie的table不支持innerHTML所以这样清空table while(FileList.hasChildNodes()){ FileList.removeChild(FileList.firstChild); } FileList.appendChild(oFragment); } $("idLimit").innerHTML = fu.Limit; $("idExt").innerHTML = fu.ExtIn.join("，"); $("idBtndel").onclick = function(){ fu.Clear(); } //在后台通过window.parent来访问主页面的函数 //function Finish(msg){ alert(msg); location.href = location.href; } <SCRIPT> [/code] struts配置文件（用的插件自动生成json）: [code="java"] <action name="*File" method="{1}" class="com.web.action.UploadFile"> <result type="json" name="success"> <param name="includeProperties">msg</param> <param name="excludeNullProperties">true</param> </result> <result type="json" name="error"> <param name="includeProperties">msg</param> <param name="excludeNullProperties">true</param> </result> </action> [/code] 后台UploadFile.java的代码 [code="java"] package com.web.action; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.apache.struts2.ServletActionContext; import com.common.pojo.AppUser; import com.opensymphony.xwork2.ActionContext; /** <ul> <li>负责文件的上传 */ public class UploadFile { private File[] files; private String[] filesFileName; private Map<String, String> filesPath;// 文件名及其上传后路径 private String msg; public String upload() { /* * Map session=ActionContext.getContext().getSession(); AppUser * user=(AppUser) session.get("user"); if(user==null){ return "error"; } */ msg="上传成功!"; for (int i = 0; i < files.length; i++) { fileCopy(files[i], filesFileName[i]); } return "success"; } private void fileCopy(File file, String fileName) { BufferedInputStream bis = null; BufferedOutputStream bos = null; String realPath = ServletActionContext. getServletContext().getRealPath("/upload/" + fileName); System.out.println(realPath); try { bis = new BufferedInputStream(new FileInputStream(file)); bos = new BufferedOutputStream(new FileOutputStream(new File( realPath))); byte[] buffer = new byte[1024 * 8]; int i = -1; while ((i = bis.read(buffer)) != -1) { bos.write(buffer,0,i); } bos.flush(); } catch (Exception e) { System.out.println("上传异常！"); msg="上传出错!"; e.printStackTrace(); }finally{ try { if (bis != null) bis.close(); if (bos != null) bos.close(); } catch (IOException e1) { System.out.println("上传结束异常！"); e1.printStackTrace(); } } } public File[] getFiles() { return files; } public void setFiles(File[] files) { this.files = files; } public String[] getFilesFileName() { return filesFileName; } public void setFilesFileName(String[] filesFileName) { this.filesFileName = filesFileName; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } } [/code]</li> </ul>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
lizhiyezi 2010-09-06 14:42
关注
设置json 插件头文件

msg

text/html;charset=UTF-8
true

msg

text/html;charset=UTF-8
true

或者使用
ServletActionContext.getResponse().getWriter().write("{msg:'测试消息'}");

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

ext.ajax.request请求中，系统是如何判断success还是failure的？后台返回格式是什么样的？ ajax javascript python
2021-11-25 14:24

回答 1 已采纳直接print "失败" 字符串就好了呀
ext的ajax async:false 同步不起作用，导致回调函数的值无法赋值给全局变量 ajax
2015-12-11 03:26

回答 2 已采纳什么版本的ext？4.1测试async可以同步，低版本的ext好像都是异步的，没有async配置的而且你代码有执行alert("最小"+minValue);这句吗？
最近遇到一个Ext.Ajax.request的奇怪问题 javascript
2010-01-13 12:09

回答 4 已采纳 [code="java"]# { # text:"添加", # handler:function(){
ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常
2019-04-17 01:18

在排查问题时，确保审查所有相关的代码，包括回调函数、错误处理和请求配置。同时，查阅ExtJS的官方文档和社区资源（如给定的博客链接），可以提供更多的解决思路。通过调试和日志记录，定位出问题的具体位置，然后...
Ext.Ajax.request params动态获取后传入失败 javascript
2010-02-10 10:02

回答 1 已采纳把params = '[{'+params+'}]'换成params = '({'+params+'})'试试？？
jQuery ajax form提交在IE8下不执行回调函数 ajax
2015-03-09 03:35

回答 4 已采纳用fiddler看下，post请求发出了没有？
Ext.Ajax.request() 请求 javascript
2010-06-10 10:29

回答 1 已采纳你首先得理解Ajax是什么样的一个概念。它是异步的javascript & xml。异步有什么好处呢？就是可以不用整体刷新，你可以在整个页面都不用动的情况下，去后台获取数据，只更新一小块的内容。不
ext ajax服务器相应前的函数,Ext.Ajax中scope的作用
2021-08-06 11:13

dd to的博客在Ext的前台Js中使用Ajax请求，如果想让回调函数中的this作用域跟当前的类一样如何实现呢？Ajax提供了一个参数scope。详细代码如下；layout : {type : 'accordion',titleCollapse : false,animate : true,...
Ext.Ajax.request怎么传递对象到后台Action
2010-08-20 16:51

回答 9 已采纳不清楚的你的实体是什么，但是使用json对象可以的。比如你action里有 private User user; User里有name和age 那么你就可以构造你的json
关于Ext.Ajax.request() javascript
2009-04-28 00:12

回答 3 已采纳他们三个的意思你不要混淆了.要不callback拿来干鸟?
Ext.Ajax.request为什么请求总是这个结果呢？ javascript
2009-06-15 16:52

回答 4 已采纳 callback中的success不代表你的返回值,代表的是是否请求成功,返回值在response里面,请查看api
Ajax不执行回调函数的原因
2022-08-19 17:05

双非鼠不想认输的博客比如XML MIME类型就被识别为XML。在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会...问题：Ajax的post请求后台，后台正常的回应，但是始终不执行success的回调函数。
Ext ajax 上传文件
2019-07-31 03:59

`success`和`failure`回调函数分别处理上传成功和失败的情况。在服务器端，例如在PHP中，你需要接收并处理这些文件。可以使用`$_FILES`全局变量来访问上传的文件信息，然后将其保存到服务器的指定位置： ```php ...
ext请求ajax超时时间已到,Ajax请求在数据量大的时候出现超时的解决方法
2021-08-05 12:49

加小强的博客 Ajax请求在数据量大的时候出现超时的解决方法最近在用EXtjs做项目，在加载数据量特别大的时候会出现加载超时现象，在FB下查看，原来是ext默认ajax请求30秒。在网上搜到下面的解决方法，以备参考和其他人参考。ExtJS...
利用laravel+ajax实现文件上传功能方法示例
2020-10-19 09:30

本文将详细介绍如何结合Ajax技术在Laravel中实现文件上传，从而提供一个无刷新、交互友好的用户体验。首先，我们需要理解Ajax的基本原理。Ajax（Asynchronous JavaScript and XML）允许在不重新加载整个网页的情况...
Ext.Ajax获取返回值（参数）
2011-09-21 22:36

dingherry的博客 Ext.Ajax.request({ url:'http://localhost:8080/myapp/ExtHandler, jsonData:Ext.util.JSON.encode(info
AJAX--2023.6.8
2023-06-08 19:31

weixin_65590235的博客 Ajax+Node.js+Webpack
没有解决我的问题, 去提问

悬赏问题

¥15 MATLAB代码补全插值
¥15 Typegoose 中如何使用 arrayFilters 筛选并更新深度嵌套的子文档数组信息
¥15 前后端分离的学习疑问？
¥15 stata实证代码答疑
¥50 husky+jaco2实现在gazebo与rviz中联合仿真
¥15 dpabi预处理报错：Error using y_ExtractROISignal (line 251)
¥15 在虚拟机中配置flume，无法将slave1节点的文件采集到master节点中
¥15 husky+kinova jaco2 仿真
¥15 zigbee终端设备入网失败
¥15 金融监管系统怎么对7+4机构进行监管的

Ext.Ajax.request做文件上传不执行回调函数？

1条回答 默认 最新

悬赏问题

1条回答默认最新