ExtJs文件上传组件（UploadDialog）

最新推荐文章于 2023-08-24 10:18:00 发布

jonathanzhan

最新推荐文章于 2023-08-24 10:18:00 发布

阅读量3.5k

点赞数

分类专栏： Jquery插件

本文链接：https://blog.csdn.net/whatlookingfor/article/details/38381815

版权

本文档提供了一个使用ExtJS编写的文件上传对话框组件（UploadDialog）的示例，该组件允许用户选择并上传文件。通过下载提供的rar文件（247.9 KB），您可以获取相关代码和资源，已知下载次数为134次。

摘要由CSDN通过智能技术生成

第一种方法：传统的上传方式
在formpanal中增加一个fileUpload的属性，

 Ext.onReady(function(){ 
  
   var form = new Ext.form.FormPanel({ 
      renderTo:'file',
      labelAlign: 'right', 
      title: '文件上传', 
      labelWidth: 60, 
      frame:true,
      url: '../UpLoadServlet',//fileUploadServlet 
      width: 300, 
      height:200,
      fileUpload: true,   

      items: [{ 
         xtype: 'textfield', 
         fieldLabel: '文件名', 
         name: 'file', 
         inputType: 'file'//文件类型 
       }], 
      
     buttons: [{ 
         text: '上传', 
         handler: function() { 
         form.getForm().submit({ 
         success: function(form, response){ 
            Ext.Msg.alert('信息', response.result.msg); 
         }, 
        failure: function(){ 
           Ext.Msg.alert('错误', '文件上传失败'); 
        } 
      }); 
     } 
   }]