您的位置：首页 > 其它

uploadify上传文件

2015-06-19 17:00 525 查看

本人小菜鸟一只，为了自我学习和交流PHP（jquery,linux,lamp,shell,javascript,服务器）等一系列的知识，小菜鸟创建了一个群。希望光临本博客的人可以进来交流。寻求共同发展。搭建平台。本人博客也有许多的技术文档，希望可以为你提供一些帮助。QQ群： 191848169 QQ：450225664

我也会共享一些学习资料供大家参考。

今天接到一个项目，项目中要求上传文件或者图片。于是找到了uploadify插件。

先去官方网站下载uploadify
http://www.uploadify.com/download/
html部分

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>Document</title>



<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>



<script type="text/javascript" src="./js/jquery.uploadify.min.js"></script>



<link rel="stylesheet" type="text/css" href="./css/uploadify.css" />

</head>

<body>



<input id="file_upload" name="file_upload" type="file" multiple="true">

<a href="javascript:$('#file_upload').uploadify('upload', '*')">上传文件</a> | <a href="javascript:$('#file_upload').uploadify('stop')">停止上传!</a>

</body>

<script type="text/javascript">

$(function() {

$('#file_upload').uploadify({

'swf' : './swf/uploadify.swf', //指定上传控件的主体文件

'uploader' : './swf/uploadify.php', //指定服务器端上传处理文件

'auto' : false, //设置auto为true，当文件被添加至上传队列时，将会自动上传。

'buttonCursor' : 'hand', //‘hand’(手形) 和 ‘arrow’(箭头)。

'buttonText' : '上传图片或者文档', //定义显示在默认按钮上的文本。

'checkExisting' : './swf/check-exists.php',//定义检查目标文件夹中是否存在同名文件的脚本文件路径。

'debug' : true, //当其值为true时，开启SWFUpload调试模式。

'fileSizeLimit' : '900KB',//大小

'fileTypeDesc' : '文档或者图片',

'fileTypeDesc' : '*.gif;*.jpg;*.png;*.txt;*.doc.*.xls;*.wps',//定义允许上传的文件后缀。

'method' : 'post', //上传文件的提交方法，取值'post'或'get'。

'progressData' : 'percentage', //设置显示在上传进度条中的数据类型，可选项时百分比（percentage）或速度（speed）。

'queueSizeLimit' : 5, //队列最多有多少个

'successTimeout' : 20, //参数表示uploadify的成功等待时间（单位：秒，默认30秒）。

'onClearQueue' : function(queueItemCount) {

alert('队列中'+queueItemCount + ' 个文件被清空。');

},

'onFallback' : function() {

alert('未检测到兼容版本的Flash.');

},

'onSelect' : function(file) { //每添加一个文件至上传队列时触发该事件。

alert(file.name + ' 文件添加至上传队列.');

},

'onSelectError' : function(o) {

//QUEUE_LIMIT_EXCEEDED – 选定的文件数量超过了设置的限值

//FILE_EXCEEDS_SIZE_LIMIT – 文件的大小超过了设置的限值

//ZERO_BYTE_FILE – 0大小文件

//INVALID_FILETYPE – 文件类型不在设置的范围内

alert(file.name + '文件返回错误，没有添加到上传队列中.');

},

'onUploadError' : function(file, errorCode, errorMsg, errorString) {

//file

//上传的文件对象。

//errorCode

//返回的错误代码。

//errorMsg

//返回的错误信息。

//errorString

//错误详细信息（字符串）。

alert(file.name + ' 上传失败。详细信息: ' + errorString);

}

});

});

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航