php+jQuery.uploadify實(shí)現(xiàn)文件上傳教程
這兩天用上傳的控件,PHP+Jquery今天先介紹這個(gè)uploadify,嗯,我今天下載因?yàn)槲矣⑽牟皇呛芎盟晕揖驮诰W(wǎng)上找的使用教程,我發(fā)現(xiàn)好多用不了,我那個(gè)去,你看官方文檔才知道很多API已經(jīng)不是以前的API了。今天總結(jié)一下給大家,給大家一個(gè)提醒最多還是要看官方的http://www.uploadify.com/documentation/!
簡(jiǎn)單舉例一下使用然后我都加上注釋給大家,方便大家閱讀和使用下載官方的之后直接使用就OK了,當(dāng)然你需要什么在直接修改就可以了!
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFy講解</title>
<script src=" <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({
//上傳文件時(shí)post的的數(shù)據(jù)
'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('隊(duì)列ID:'+index.settings.queueID);
},
'method' : 'post', //設(shè)置上傳的方法get 和 post
//'auto' : false, //是否自動(dòng)上傳 false關(guān)閉自動(dòng)上傳 true 選中文件后自動(dòng)上傳
//'buttonClass' : 'myclass', //自定義按鈕的樣式
//'buttonImage' : '按鈕圖片',
'buttonText' : '選擇文件', //按鈕顯示的字跡
//'fileObjName' : 'mytest' //后臺(tái)接收的時(shí)候就是$_FILES['mytest']
'checkExisting' : '/uploadify/check-exists.php', //檢查文件是否已經(jīng)存在 返回0或者1
'fileSizeLimit' : '100KB', //上傳文件大小的限制
'fileTypeDesc' : '你需要一些文件',//可選擇的文件的描述
'fileTypeExts' : '*.gif; *.jpg; *.png', //文件的允許上傳的類型
//上傳的時(shí)候發(fā)生的事件
'onUploadStart' : function(file){
alert('開始上傳了'); },
'uploadLimit' : 5, //設(shè)置最大上傳文件的數(shù)量
/*
'onUploadComplete' : function(result){
for (var i in result.post){
alert(i+':::'+result[i]);
}
},
*/
//文件上傳成功的時(shí)候
'onUploadSuccess' : function(file, data, response) {
alert(data);
},
//
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert(file.name + '上傳失敗原因:' + errorString);
},
'itemTemplate' : '追加到每個(gè)上傳節(jié)點(diǎn)的html',
'height' : 30, //設(shè)置高度 button
'width' : 30, //設(shè)置寬度
'onDisable' : function(){
alert('您禁止上傳');
},
'onEnable' : function(){
alert('您可以繼續(xù)上傳了');
},
//當(dāng)文件選中的時(shí)候
'onSelect' : function(file){
alert(file.name+"已經(jīng)添加到隊(duì)列");
}
});
});
//一些常用的事件
//$('#file_upload').uploadify('upload','*'); //用javascript 上傳的方法
//$('#file_upload').uploadify('stop','*'); //用javascript 停止上傳的方法
//$('#file_upload').uploadify('disable','*'); //用javascript 禁止上傳的方法
//$('#file_upload').uploadify('settings','buttonText',"設(shè)置上傳按鈕"); //設(shè)置一些屬性
//更多的請(qǐng)到官方網(wǎng)站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>
代碼注釋里都做了詳細(xì)解釋了,我這里就不多廢話了,如果還是有疑問(wèn),那就聯(lián)系我吧。
相關(guān)文章
Linux下手動(dòng)編譯安裝PHP擴(kuò)展的例子分享
這篇文章主要介紹了Linux下手動(dòng)編譯安裝PHP擴(kuò)展的例子分享,本文以PDO_MYSQL為例,講解手動(dòng)編譯安裝PHP擴(kuò)展的方法,需要的朋友可以參考下2014-07-07PHP+FastCGI+Nginx配置PHP運(yùn)行環(huán)境
Nginx不支持對(duì)外部程序的調(diào)用,所以必須通過(guò)FastCGI接口實(shí)現(xiàn)對(duì)外部程序的調(diào)用從而實(shí)現(xiàn)對(duì)客戶端動(dòng)態(tài)頁(yè)面請(qǐng)求的處理。2014-08-08CodeIgniter框架常見(jiàn)用法工作總結(jié)
這篇文章主要介紹了CodeIgniter框架常見(jiàn)用法,結(jié)合簡(jiǎn)單實(shí)例形式總結(jié)分析了CodeIgniter框架控制器、表單、數(shù)據(jù)庫(kù)等常見(jiàn)操作技巧,需要的朋友可以參考下2017-03-03老生常談php中傳統(tǒng)驗(yàn)證與thinkphp框架(必看篇)
下面小編就為大家?guī)?lái)一篇老生常談php中傳統(tǒng)驗(yàn)證與thinkphp框架(必看篇)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06JieqiCMS 杰奇1.5注冊(cè)機(jī)php源碼
杰奇1.5注冊(cè)機(jī)php源碼,大家可以看下代碼。2009-08-08thinkphp5框架實(shí)現(xiàn)數(shù)據(jù)庫(kù)讀取的數(shù)據(jù)轉(zhuǎn)換成json格式示例
這篇文章主要介紹了thinkphp5框架實(shí)現(xiàn)數(shù)據(jù)庫(kù)讀取的數(shù)據(jù)轉(zhuǎn)換成json格式,涉及thinkPHP5數(shù)據(jù)庫(kù)讀取數(shù)據(jù)與json格式轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2019-10-10學(xué)習(xí)PHP Cookie處理函數(shù)
這篇文章主要為大家詳細(xì)介紹了PHP Cookie處理函數(shù)的使用方法,感興趣的小伙伴們可以參考一下2016-08-08php筆記之:php數(shù)組相關(guān)函數(shù)的使用
本篇文章介紹了,php中數(shù)組相關(guān)函數(shù)的使用。需要的朋友參考下2013-04-04