uploadify上传插件完整Demo（包括后台）

最新推荐文章于 2024-08-07 07:00:00 发布

置顶

飞奔的蜗牛2017

最新推荐文章于 2024-08-07 07:00:00 发布

阅读量4.2w

点赞数 5

分类专栏： web 页面开发文章标签： uploadify 上传

本文链接：https://blog.csdn.net/ljj2312/article/details/78647347

版权

本文提供了一个完整的uploadify上传插件Demo，包括前后台实现，旨在解决在项目开发中遇到的uploadify相关问题。示例代码及详细说明可从CSDN下载，同时提到了可能遇到的Tomcat跨域问题及其解决方案。

摘要由CSDN通过智能技术生成

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