Mootools 文件上传表单 onComplete 结果处理
Mootools file upload form onComplete result handling
我不是很精通 JavaScript,但我想要一个带有单个提交按钮的多文件上传表单,没有自动上传,它会在一个请求中发送所有添加的文件并提供 "complete" 服务器 returns 响应时触发的事件。我发现 mootools form upload 似乎符合要求,但是处理 onComplete Form.Upload 事件,我不知道如何判断上传是否成功。我的后端将对上传的文件执行验证,如果文件正常则回复 200,否则回复 500 Bad Request。请建议如何处理(或修改)onComplete 事件或满足我要求的其他形式。
晚上瞎折腾,找到了解决办法。在第 70 行的 Form.Upload.js 文件中,我将 this
(恰好是 Request.File)作为第二个参数传递给 self.fireEvent
,而不是 Array.slice(arguments)
。 Form.Upload onComplete 事件处理程序成为一个参数的函数,即我们传递给 fireEvent
的 Request.File。它有一个包含状态代码的 status
属性 和一个包含响应主体的 text
属性 对象。因此,我将状态代码与 200 进行比较,并使用 response.text 显示警报。如果您想更深入地分析响应,Requst 也有一个 xhr
属性,这是——您猜对了——一个普通的旧 XmlHttpRequest。
我不是很精通 JavaScript,但我想要一个带有单个提交按钮的多文件上传表单,没有自动上传,它会在一个请求中发送所有添加的文件并提供 "complete" 服务器 returns 响应时触发的事件。我发现 mootools form upload 似乎符合要求,但是处理 onComplete Form.Upload 事件,我不知道如何判断上传是否成功。我的后端将对上传的文件执行验证,如果文件正常则回复 200,否则回复 500 Bad Request。请建议如何处理(或修改)onComplete 事件或满足我要求的其他形式。
晚上瞎折腾,找到了解决办法。在第 70 行的 Form.Upload.js 文件中,我将 this
(恰好是 Request.File)作为第二个参数传递给 self.fireEvent
,而不是 Array.slice(arguments)
。 Form.Upload onComplete 事件处理程序成为一个参数的函数,即我们传递给 fireEvent
的 Request.File。它有一个包含状态代码的 status
属性 和一个包含响应主体的 text
属性 对象。因此,我将状态代码与 200 进行比较,并使用 response.text 显示警报。如果您想更深入地分析响应,Requst 也有一个 xhr
属性,这是——您猜对了——一个普通的旧 XmlHttpRequest。