jsp页面:
<html><head>
<script type="text/javascript">
jQuery(document).ready(function(){
var file = document.getElementById('uploadImage').value;
$('#uploadImage').uploadify({
'swf' : '${jsPath}/uploadify/uploadify.swf', // flash
'uploader' : '${base }/lottery/uploadFile.action', // 数据处理url
'method': 'post',
'queueID': 'fileQueue', //和存放队列的DIV的id一致
'fileObjName': 'uploadImage', //和以下input的name属性一致
'auto': false,
'width': 35,
'height': 19,
'buttonText': '浏览',
'fileSizeLimit':'1MB',
'fileTypeDesc':'只能上传JPG,JPEG,PNG格式',
'fileTypeExts': '*.jpg;*.gif;*.png',
'multi' : false,
// 单个文件上传成功时的处理函数
'onSelect': function(file) {//当每个文件添加至队列后触发
jQuery("#fileName").attr("value",file.name);
},
'onUploadSuccess' : function(file, data, response){
alert(data);
$("#uploader_view").append('<img height="60" alt="" src="'+data+'"/>');
},
'onQueueComplete' : function(queueData) {
$('#uploader_msg').html(queueData.uploadsSuccessful + ' files were successfully uploaded.');
}
});
});
function stopUpload(){
$('#uploadImage').uploadify('cancel');
jQuery("#fileName").attr("value","");
}
function startUpload(){
$('#uploadImage').uploadify('upload','*');
jQuery("#fileName").attr("value","");
}
</script>
</head>
<body class="center_bg_index">
<div id="contentDiv" style="height: 100%; overflow-y: auto;">
<div style="width: 98%;">
<input type="hidden" value="" name="fileNameStr" id="fileNameStr" />
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="common_table" >
<div id="fileQueue" style="display:none"></div>
<tr>
<input type="text" name="fileName" id="fileName" style="width:400px;">
<input type="file" name="uploadImage" id="uploadImage"
style="width:400px;"/>
<input type="button" class="button_61px"
οnmοuseοver="this.className='button_61px_over'"
οnmοuseοut="this.className='button_61px'"
value="上传"
οnclick="javascript:startUpload();"/>
<input type="button" class="button_61px"
οnmοuseοver="this.className='button_61px_over'"
οnmοuseοut="this.className='button_61px'"
value="取消上传"
οnclick="javascript:stopUpload();"/>
</tr>
</table>
<div id="uploader_msg"></div>
<div id="uploader_view"></div>
</div>
</div>
</body>
</html>