php+jQuery.uploadify实现文件上传教程
更新时间：2014年12月26日 15:26:54 投稿：hebedich
这篇文章主要介绍了php+jQuery.uploadify实现文件上传教程,需要的朋友可以参考下
这两天用上传的控件，PHP+Jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家，给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/！
简单举例一下使用然后我都加上注释给大家，方便大家阅读和使用下载官方的之后直接使用就OK了，当然你需要什么在直接修改就可以了！
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFy讲解</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/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讲解由widuu提供</h1>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
</form>
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadify({
//上传文件时post的的数据
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>',
'id' : 1
},
'swf' : '/uploadify/uploadify.swf',
'uploader' : 'http://localhost/uploadify/uploadify.php',
'onInit' : function(index){
alert('队列ID:'+index.settings.queueID);
},
'method' : 'post', //设置上传的方法get 和 post
//'auto' : false, //是否自动上传 false关闭自动上传 true 选中文件后自动上传
//'buttonClass' : 'myclass', //自定义按钮的样式
//'buttonImage' : '按钮图片',
'buttonText' : '选择文件', //按钮显示的字迹
//'fileObjName' : 'mytest' //后台接收的时候就是$_FILES['mytest']
'checkExisting' : '/uploadify/check-exists.php', //检查文件是否已经存在 返回0或者1
'fileSizeLimit' : '100KB', //上传文件大小的限制
'fileTypeDesc' : '你需要一些文件',//可选择的文件的描述
'fileTypeExts' : '*.gif; *.jpg; *.png', //文件的允许上传的类型
//上传的时候发生的事件
'onUploadStart' : function(file){
alert('开始上传了'); },
'uploadLimit' : 5, //设置最大上传文件的数量
/*
'onUploadComplete' : function(result){
for (var i in result.post){
alert(i+':::'+result[i]);
}
},
*/
//文件上传成功的时候
'onUploadSuccess' : function(file, data, response) {
alert(data);
},
//
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert(file.name + '上传失败原因:' + errorString);
},
'itemTemplate' : '追加到每个上传节点的html',
'height' : 30, //设置高度 button
'width' : 30, //设置宽度
'onDisable' : function(){
alert('您禁止上传');
},
'onEnable' : function(){
alert('您可以继续上传了');
},
//当文件选中的时候
'onSelect' : function(file){
alert(file.name+"已经添加到队列");
}
});
});
//一些常用的事件
//$('#file_upload').uploadify('upload','*'); //用javascript 上传的方法
//$('#file_upload').uploadify('stop','*'); //用javascript 停止上传的方法
//$('#file_upload').uploadify('disable','*'); //用javascript 禁止上传的方法
//$('#file_upload').uploadify('settings','buttonText',"设置上传按钮"); //设置一些属性
//更多的请到官方网站www.uploadify.com/documentation/看讲解谢谢
</script>
<?php
/*
*检查文件是否存在的check-exists.php
*/
/*
$targetFolder = '/uploads';
if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
echo 1;
} else {
echo 0;
}
*/
?>
</body>
</html>
代码注释里都做了详细解释了，我这里就不多废话了，如果还是有疑问，那就联系我吧。
相关文章
这篇文章主要介绍了PHP格式化显示时间date()函数案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
php合并js请求的例子,直接看代码吧。2013-11-11
这篇文章主要介绍了Yii2框架自定义验证规则操作,结合实例形式分析了Yii2自定义验证规则实现方法、操作技巧与注意事项,需要的朋友可以参考下2019-02-02
这篇文章主要介绍了Django 标签筛选的实现代码(一对多、多对多),本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
这里说的imagick 是 ImageMagick 在PHP下的扩展，本文给大家介绍PHP利用imagick生成组合缩略图，需要的朋友参考下2016-02-02
yii2 commands模式以及配置crontab定时任务的方法
下面小编就为大家带来一篇yii2 commands模式以及配置crontab定时任务的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
PHP是全球范围内应用广泛的开发语言，Web开发的最佳语言； PHP和Linux，Apache，MySQL紧密结合，形成LAMP的开源黄金组合，本文给大家php基础教程，php基础，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了php 实现简单的登录功能,结合实例形式分析了基于thinkPHP框架登录功能视图与控制器简单实现技巧,需要的朋友可以参考下2019-12-12
ThinkPHP中Common/common.php文件常用函数功能分析
这篇文章主要介绍了ThinkPHP中Common/common.php文件常用函数功能,通过注释的形式详细分析了C方法、tag方法、B方法及autoload方法的功能与代码原理,需要的朋友可以参考下2016-05-05
详解php中的password_verify 和 password_hash密码验证
验证密码是否和指定的散列值匹配，password_verify() 与 crypt() 兼容，因此，由 crypt() 创建的密码散列可以用于 password_verify() 一起使用，这篇文章主要介绍了php的password_verify 和 password_hash密码验证,需要的朋友可以参考下2023-08-08
最新评论