<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>uploadify-实例</title>
<meta charset="utf-8">
<link href="uploadify//uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="uploadify/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function() {
$("#uploadify").uploadify({
'swf' : 'uploadify/uploadify.swf',
'uploader' : 'uploadify/uploadify.php',
'formData' :{'path':''},
'queueID' : 'fileQueue',
'auto' : false,
'multi' : true,
'method' : 'get', //必须要加
'buttonText' : '选择文件',
'simUploadLimit' : 999,
'fileTypeExts' : '*.png;*.gif;*.jpg;*.bmp;*.jpeg',
'fileTypeDesc' : '图片文件(*.png;*.gif;*.jpg;*.bmp;*.jpeg)',
'removeCompleted' : false,
'onUploadStart' :function(file)
{
var path = $('#path').val();
$('#uploadify').uploadify('settings','formData',{'path':path}); //必须要加
$('#result').html($('#path').val()+'');
}
});
});
</script>
<style type="text/css">
.inputcss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
border:solid 1px #CCCCCC;
}
.buttoncss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}
</style>
</head>
<body>
<table style="width: 90%;">
<tr>
<td style="width: 100px;">
<input type="file" name="uploadify" id="uploadify" />
</td>
<td align="left">
<a href="javascript:$('#uploadify').uploadify('upload','SWFUpload_0_5')">开始上传</a>
<a href="javascript:jQuery('#uploadify').uploadify('stop','SWFUpload_0_5')">暂停上传</a>
<a href="javascript:jQuery('#uploadify').uploadify('cancel','SWFUpload_0_5')">取消上传</a>
<input type="text" id="path" />
<span id="result" style="font-size: 13px;color: red"></span>
</td>
</tr>
</table>
<div id="fileQueue" ></div>
</body>
</html>
715
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
