Ext.ux.UploadDialog的使用

本文介绍如何使用 Ext.ux.UploadDialog 实现文件上传功能,包括导入包、创建上传对话框及设置参数等步骤,并详细说明了相关事件及其参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近使用了Ext.ux.UploadDialog,现在总结一下:
1、导入Ext.ux.UploadDialog包

<link rel="stylesheet" type="text/css" href="<c:url value="/widgets/UploadDialog/css/Ext.ux.UploadDialog.css"/>">
<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/Ext.ux.UploadDialog.js"/>"></script>
<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/Ext.ux.UploadDialog.packed.js"/>"></script>

<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/locale/zh_CN.utf-8.js"/>"></script>

注意包中没有包含zh_CN.utf-8.js,自己可以进行中文化的
2、产生上传文件的对话框代码

function uploadSw(){
var dialog = new Ext.ux.UploadDialog.Dialog({
url: 'swUpload.shtml?method=uploadFile',
reset_on_hide: false,
permitted_extensions:['gz'],
allow_close_on_upload: true,
upload_autostart: false,
title:'软件入库'
});

//dialog.show('show-button');
dialog.show();
dialog.on('uploadsuccess', onUploadSuccess);
}

function onUploadSuccess(dialog, filename, resp_data, record){
// 回调函数代码
}

注意:提交时,默认提交的文件名是file 可以修改 post_var_name: 'fileName'修改
3、Ext.ux.UploadDialog中的其它事件函数[转载自[url]http://wayfoon.iteye.com/blog/432541[/url]]
* filetest - fires before file is added into the queue, parameters:
dialog - reference to dialog
filename - file name
If handler returns false then file will not be queued.
* fileadd - fires when file is added into the queue, parameters:
dialog - reference to dialog
filename - file name
* fileremove - fires when file is removed from the queue, parameters:
dialog - reference to dialog
filename - file name
record - file record
* resetqueue - fires when upload queue is resetted, parameters:
dialog - reference to dialog
* beforefileuploadstart - fires when file as about to start uploading:
dialog - reference to dialog
filename - uploaded file name
record - file record
If handler returns false then file upload will be canceled.
* fileuploadstart - fires when file has started uploading:
dialog - reference to dialog
filename - uploaded file name
record - file record
* uploadsuccess - fires when file is successfuly uploaded, parameters:
dialog - reference to dialog
filename - uploaded file name
data - js-object builded from json-data returned from upload handler response.
record - file record
* uploaderror - fires when file upload error occured, parameters:
dialog - reference to dialog
filename - uploaded file name
data - js-object builded from json-data returned from upload handler response.
record - file record
* uploadfailed - fires when file upload failed, parameters:
dialog - reference to dialog
filename - failed file name
record - file record
* uploadcanceled - fires when file upload canceled, parameters:
dialog - reference to dialog
filename - failed file name
record - file record
* uploadstart - fires when upload process starts, parameters:
dialog - reference to dialog
* uploadstop - fires when upload process stops, parameters:
dialog - reference to dialog
* uploadcomplete - fires when upload process complete (no files to upload left), parameters:
dialog - reference to dialog
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值