Exemple d'intégration Ext JS + Spring Boot pour réaliser le téléchargement de fichiers

L'environnement et la version de cet article

• Démarrage de printemps 2.5.0
• ExtJS 7.0.0

code frontal

Placez un champ de type fileuploadfield dans le formulaire et définissez la valeur de l'attribut name. Cette valeur sera utilisée comme nom de paramètre du backend. L'exemple de code est le suivant :

[{
        xtype: 'form',
        title: '上传文件',
        width: 400,
        bodyPadding: 10,
        items: [{
            xtype: 'fileuploadfield',
            name: 'myfile',
            fieldLabel: '文件',
            labelWidth: 50,
            allowBlank: false,
            buttonText: '选择文件...'
        }],
        tbar:[{
            text:'上传',
            handler: function () {
                var form = this.up('form').getForm();
                var url = 'http://localhost:8080/extjs/files/upload';
                if (form.isValid()) {
                    form.submit({
                        url: url,
                        waitMsg: 'Uploading your file...',