uploadify上传插件完整Demo,项目开发中被uploadify坑了一把,一怒之下写了前后台完整的示例,旨在彻底解决uploadify的问题!
示例文件Demo下载路径:http://download.csdn.net/download/ljj2312/10134797
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<style type="text/css">
body {
font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>
<body>
<h1>Uploadify Demo</h1>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
</form>
<p>
<p>
<a href="javascript:$('file_upload').uploadifyUpload()">upload</a>|
<a href="javascript:$('file_upload').uploadifyClearQueue()">cacle</a>
</p>
</p>
<script type="text/javascript">
$(function() {
$('#file_upload').uploadify({
'queueID' : 'queue',//上传进度展示
'buttonText': 'selectFile..',
'langFile':'uploadifyLang_zh.js',
'swf': 'uploadify.swf',
'formData': {
'pid' : 'portal',
'token': 'portal',
'filedesc':''
},
'method':'Post',
'scriptAccess' : 'always' ,
'uploader' : 'http://10.**.23.***:8821/mgr/voice/file/v1/upload',
'auto': true,
'onUploadStart' : function(file) {
alert('Starting to upload ' + file.name);
},
'onUploadSuccess' : function(file, data, response) {
alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert('The file