如何读取私家云ext文件

1. 首先下载并安装ext文件管理器，它可以帮助您浏览和搜索私家云上的文件。

2. 打开文件管理器，然后单击“文件”菜单，选择“本地文件管理”。

3. 在d出的对话框中，选择私家云网址，然后输入您的用户名和密码。

4. 点击“登录”，您就可以浏览和搜索私家云上的文件了。

实现一个EXT文件上传的功能：

(1) 选择一个文件A. 点击选择按钮. 将文件A的路径显示面板上.

(2) 文件名的后面带有删除的图标. 表示可删除准备上传的文件.

(3) 可选择多个文件.如选择一个文件B. 重复步骤(1)...

具体效果：可上传多个. 可删除。

思路如下:

(1) 定义一个文件选择的formpanel

Js代码

var fileSelectFormPanel = new Ext.form.FormPanel({

items:[{

xtype:'textfield'

,fieldLabel:'文件路径'

,inputType:'file'// 出现选择文件的按钮

,allowBlank:false

,blankText:'请选择上传的文件'

}]

})

下面为大家介绍在ExtJs中上传文件的几种方法

第一种方法：传统的上传方式

在formpanal中增加一个fileUpload的属性

例子代码：

JScript 代码 复制

Ext.onReady(function(){

var form = new Ext.form.FormPanel({

renderTo:'file',

labelAlign: 'right',

title: '文件上传',

labelWidth: 60,

frame:true,

url: 服务器处理上传功能的url地址,//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('错误', '文件上传失败')

}

})

}

}]

})

})

第二种方法：借助Ext.ux.UploadDialog.Dialog的组件，在编码时需要导入两个文件

需要引入 Ext.ux.UploadDialog 样式文件 和 Ext.ux.UploadDialog.packed脚本文件。

例子代码

//在使用此方法进行文件上传时，其后台往页面的返回值类型是这样的：

//{'success':true,'message':'上传成功'}

//如果没有success:true，无论上传成功与否，显示的都是上传失败，其实这个和form.submit()的提交方式是一个道理。

var dialog = new Ext.ux.UploadDialog.Dialog({

autoCreate: true,

closable: true,

collapsible: false,

draggable: true,

minWidth: 400,

minHeight: 200,

width: 400,

height: 350,

permitted_extensions:['JPG','jpg','jpeg','JPEG','GIF','gif','xls','XLS'],

proxyDrag: true,

resizable: true,

constraintoviewport: true,

title: '文件上传',

url:用于处理上传文件功能的Url,

reset_on_hide: false,

allow_close_on_upload: true ,

upload_autostart: false

})

//定义上传文件的按钮

var btnShow = new Ext.Button({

text:'上传文件',

listeners:{

click:function(btnThis,eventobj){

dialog.show()

}

}

})

---