3 <title>The source code</title>
\r
4 <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
\r
5 <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
\r
7 <body onload="prettyPrint();">
\r
8 <pre class="prettyprint lang-js">
9 Ext.onReady(function(){
13 var msg = function(title, msg){
24 var fibasic = new Ext.ux.form.FileUploadField({
30 text: 'Get File Path',
31 renderTo: 'fi-basic-btn',
33 var v = fibasic.getValue();
34 msg('Selected File', v && v != '' ? v : 'None');
38 var fbutton = new Ext.ux.form.FileUploadField({
39 renderTo: 'fi-button',
42 'fileselected': function(fb, v){
43 var el = Ext.fly('fi-button-msg');
44 el.update('<b>Selected:</b> '+v);
60 var fp = new Ext.FormPanel({
65 title: 'File Upload Form',
67 bodyStyle: 'padding: 10px 10px 0 10px;',
78 xtype: 'fileuploadfield',
80 emptyText: 'Select an image',
85 iconCls: 'upload-icon'
91 if(fp.getForm().isValid()){
93 url: 'file-upload.php',
94 waitMsg: 'Uploading your photo...',
95 success: function(fp, o){
96 msg('Success', 'Processed file "'+o.result.file+'" on the server');
104 fp.getForm().reset();