溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何在php中利用jQuery.uploadify對文件進行上傳？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
<!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>
<h2>Uploadify講解由widuu提供</h2>
<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>
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
