使用 extjs 在文件上传中未调用成功处理程序 [英] Success handler not getting called in file upload using extjs

问题描述

我有一个带有表单的 J2EE Web 应用程序，我可以在其中将文件上传到服务器上的某个位置.在上传过程中，会向用户显示一个 waitMsg，一旦上传完成，它就会消失，同时 msgBox 表示相同.js文件中也提供了成功案例的代码.然而，上传工作正常，但即使在服务器上传完成后，waitMsg 仍在继续.
给出js代码:

I have a J2EE web app with a form where I upload a file to a location on a server. During the upload a waitMsg is shown to the user which should disappear once the upload is completed with a msgBox indicating the same. The code for the success case is also provided in the js file. However the upload works fine, but the waitMsg continues even after the upload at the server has completed.
The js code is given:

Ext.onReady(function(){

    Ext.QuickTips.init();

    var msg = function(title, msg){
        Ext.Msg.show({
            title: title,
            msg: msg,
            minWidth: 200,
            modal: true,
            icon: Ext.Msg.INFO,
            buttons: Ext.Msg.OK
        });
    };

    var fp = new Ext.FormPanel({
        renderTo: 'fi-form',
        fileUpload: true,
        width: 500,
        frame: true,
        title: 'Upload XML Config File ',
        autoHeight: true,
        bodyStyle: 'padding: 10px 10px 0 10px;',
        labelWidth: 50,
        defaults: {
            anchor: '95%',
            allowBlank: false,
            msgTarget: 'side'
        },
        items: [{
            xtype: 'fileuploadfield',
            id: 'form-file',
            emptyText: 'Select the xml File to upload',
            fieldLabel: 'File',
            name: 'file',
            buttonCfg: {
                text: '',
                iconCls: 'upload-icon'
            }
        }],
        buttons: [{
            text: 'Upload',
            handler: function(){
                if(fp.getForm().isValid()){
                    fp.getForm().submit({
                        url: 'uploadXML.htm',
                        waitMsg: 'Uploading your xml file...',
                        success: function(fp, o){
                        msg('Success', 'Processed file "'+o.result.file+'" on the server');
                        }
                    });
                }
                if (!validateFileExtension(Ext.getDom('form-file').value)) {
                    Ext.MessageBox.alert('Select another file',
                    'Only XML file, please.');
                    return;
                    }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });

    function validateFileExtension(fileName) {
        var exp = /^.*.(xml|XML)$/;
        return exp.test(fileName);
        }

});

不确定我错过了什么.
提前致谢.

Not sure what I am missing.
Thanks in advance.

推荐答案

'uploadXML.htm' 必须是 PHP 或类似的服务器端程序.此 PHP 必须返回 JSON 字符串，例如:{'success':true} 或 {'success':false}.

'uploadXML.htm' must be PHP or similar server side procedure. this PHP must return JSON string, like : {'success':true} or {'success':false}.

这篇关于使用 extjs 在文件上传中未调用成功处理程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！