PHP結(jié)合zyupload多功能圖片上傳的案例

這篇文章主要介紹PHP結(jié)合zyupload多功能圖片上傳的案例，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

zyUpload 是一個界面絕佳、體驗超棒的 HTML5 上傳插件。本文主要內(nèi)容是PHP結(jié)合zyupload多功能圖片上傳實例，支持拖拽和裁剪，具有一定的參考價值，感興趣的朋友了解一下哦！

zyupload上傳基本配置

 1 $("#zyupload").zyUpload({ 
 2     width: "650px", // 寬度  3     height: "400px", // 寬度  4     itemWidth: "140px", // 文件項的寬度  5     itemHeight: "115px", // 文件項的高度  6     url: "./up.php", // 上傳文件的路徑  7     fileType: ["jpg", "png", "txt", "js"], // 上傳文件的類型  8     fileSize: 51200000, // 上傳文件的大小  9     multiple: true, // 是否可以多個文件上傳 10     dragDrop: true, // 是否可以拖動上傳文件 11     tailor: true, // 是否可以裁剪圖片 12     del: true, // 是否可以刪除文件 13     finishDel: false, // 是否在上傳文件完成后刪除預(yù)覽 14     /* 外部獲得的回調(diào)接口 */ 15     onSelect: function(selectFiles, allFiles) {    // 選擇文件的回調(diào)方法  selectFile:當(dāng)前選中的文件  allFiles:還沒上傳的全部文件 16         console.info("當(dāng)前選擇了以下文件："); 
17         console.info(selectFiles); 
18     }, 
19     onDelete: function(file, files) {              // 刪除一個文件的回調(diào)方法 file:當(dāng)前刪除的文件  files:刪除之后的文件 20         console.info("當(dāng)前刪除了此文件："); 
21         console.info(file.name); 
22     }, 
23     onSuccess: function(file, response) {          // 文件上傳成功的回調(diào)方法 24         console.info("此文件上傳成功："); 
25         console.info(file.name); 
26         console.info("此文件上傳到服務(wù)器地址："); 
27         console.info(response); 
28         $("#uploadInf").append("<p>上傳成功，文件地址是：" + response + "</p>"); 
29     }, 
30     onFailure: function(file, response) {          // 文件上傳失敗的回調(diào)方法 31         console.info("此文件上傳失?。?quot;); 
32         console.info(file.name); 
33     }, 
34     onComplete: function(response) {                 // 上傳完成的回調(diào)方法 35         console.info("文件上傳完成"); 
36         console.info(response); 
37     } 
38 });

遠(yuǎn)程上傳up.php

 1 $uploaddir = 'uploads/'; 
 2 $name = $_FILES['file']['name']; 
 3 $uploadfile = $uploaddir . $name; 
 4 $type = strtolower(substr(strrchr($name, '.'), 1)); 
 5 //獲取文件類型  6   7 if (!in_array($type, $typeArr)) { 
 8     echo "請上傳jpg,png或gif類型的圖片！"; 
 9     exit; 
10 } 
11 print "<pre>"; 
12 if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir . $_FILES['file']['name'])) { 
13     print "File is valid, and was successfully uploaded.  Here's some more debugging info:\n"; 
14     print_r($_FILES); 
15 } else { 
16     print "Possible file upload attack!  Here's some debugging info:\n"; 
17     print_r($_FILES); 
18 } 
19 print "</pre>";

以上是PHP結(jié)合zyupload多功能圖片上傳的案例的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！