php+jQuery.uploadify实现文件上传教程

更新时间:2023-04-06 20:30:30 阅读：评论：0

这两天用上传的控件，php+jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多api已经不是以前的api了。今天总结一下给大家，给大家一个提醒最多还是要看官方的！

简单举例一下使用然后我都加上注释给大家，方便大家阅读和使用下载官方的之后直接使用就ok了，当然你需要什么在直接修改就可以了！

复制代码代码如下:

<!doctype html>

<html>

<head>

<meta http-equiv=”content-type” content=”text/html; chart=utf-8″>

<title>uploadify讲解</title>

<script src=”” type=”text/javascript”></script>

<script src=”jquery.uploadify.min.jsR自信的人21; type=”text/javascript”></script>

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

<style type=”text/css”>

body {

font: 13px arial, helvetica, sans-rif;

}

</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://lo自驾游路线查询calhost/uploadify/uploadify.php’,

‘oninit’ : function(index){

alert(‘队列id:’+index.ttings.queueid);

},

‘method’ : ‘post’, //设置上传的方法get 和 post

//’auto’ : fal, //是否自动上传 fal关闭自动上传 true 选中文件后自动上传

//’buttonclass’ : ‘myclass’, //自定义按钮的样式

//’buttonimage’ : ‘按钮图片’,

‘buttontext’ : ‘选择文件’, //按钮显示的字迹

//’fileobjname’ : ‘mytest’ //后台接收的时候就是$_files[‘mytest’]

‘chdtfeckexisting’ : ‘/uploadify/check-exists.php’, //检查文件是否已经存在返回0或者1

‘filesizelimitqq英语情侣网名’ : ‘100kb’, //上传文件大小的限制

‘filetypedesc’ : ‘你需要一些文件’,//可选择的文件的描述

‘filetypeexts’ : ‘*.gif; *.jpg; *.png’, //文件的允许上传的类型

//上传的时候发生的事件

‘onuploadstart成功的危机公关案例217; : function(file){

alert(‘开始上传了’);},

‘uploadlimit’ : 5, //设置最大上传文件的数量

/*

‘onuploadcomplete’ : function(result){

for (var i in result.post){

alert(i+’:::’+result[i]);

}

},

*/

//文件上传成功的时候

‘onuploadsuccess’ : function(file, data, respon) {

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(‘您可以继续上传了’);

},

//当文件选中的时候

‘onlect’ : function(file){

alert(file.name+”已经添加到队列”);

}

});

});

//一些常用的事件

//$(‘#file_upload’).uploadify(‘upload’,’*’); //用javascript 上传的方法

//$(‘#file_upload’).uploadify(‘stop’,’*’); //用javascript 停止上传的方法

//$(‘#file_upload’).uploadify(‘disable’,’*’); //用javascript 禁止上传的方法

//$(‘#file_upload’).uploadify(‘ttings’,’buttontext’,”设置上传按钮”); //设置一些属性

//更多的请到官方网站看讲解谢谢

</script>

<?php

/*

*检查文件是否存在的check-exists.php

*/

/*

$targetfolder = ‘/uploads’;

if (file_exists($_rver[‘document_root’] . $targetfolder . ‘/’ . $_post[‘filename’])) {

echo 1;

} el {

echo 0;

}

*/

?>

</body>

</html>