首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext2.0 文件下传组件

2012-10-06 
Ext2.0 文件上传组件Ext.ux.UploadDialog.Dialog 实现了多文件的上传,不过需要注意的是,该组件并不是一次

Ext2.0 文件上传组件

Ext.ux.UploadDialog.Dialog 实现了多文件的上传,不过需要注意的是,该组件并不是一次性把多个文件传到后台,而是添加一个文件就会把这个文件上传上去,其实还是一次上传了一个文件

?

例子:

<html><head>    <title>Anchoring</title><link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>    <script type="text/javascript" src="../../ext-all.js"></script>    <link rel="stylesheet" type="text/css" href="UploadDialog/css/Ext.ux.UploadDialog.css" /><script type="text/javascript" src="UploadDialog/Ext.ux.UploadDialog.js"></script><script type="text/javascript" src="UploadDialog/locale/ru.utf-8_CN.js"></script><script type="text/javascript">Ext.onReady(function(){dialog = new Ext.ux.UploadDialog.Dialog({  url: 'upload-dialog-request.php',  reset_on_hide: false,  permitted_extensions:[ 'JPG' , 'jpg' , 'jpeg' , 'JPEG' , 'GIF' , 'gif' , 'png' , 'PNG' ],  allow_close_on_upload: true,  upload_autostart: true});            dialog.show(); //'show-button' dialog.on( 'uploadsuccess' , onUploadSuccess); //定义上传成功回调函数dialog.on( 'uploadfailed' , onUploadFailed); //定义上传失败回调函数dialog.on( 'uploaderror' , onUploadFailed); //定义上传出错回调函数dialog.on( 'uploadcomplete' , onUploadComplete); //定义上传完成回调函数//文件上传成功后的回调函数function onUploadSuccess(dialog, filename, resp_data, record){alert(resp_data.data);//resp_data是json格式的数据}//文件上传失败后的回调函数function onUploadFailed(dialog, filename, resp_data, record){alert(resp_data.data);}//文件上传完成后的回调函数function onUploadComplete(dialog){alert('所有文件上传完成');//    dialog.hide();}});</script></head><body></body></html>

?

热点排行