1. 程式人生 > >PHP結合zyupload多功能圖片上傳例項

PHP結合zyupload多功能圖片上傳例項

PHP結合zyupload多功能圖片上傳例項,支援拖拽和裁剪、可以自定義高度和寬度,型別,遠端上傳地址等。

zyupload四種不同的PHP上傳demo

zyupload上傳基本配置

$("#zyupload").zyUpload({ 
    width: "650px", // 寬度 
    height: "400px", // 寬度 
    itemWidth: "140px", // 檔案項的寬度 
    itemHeight: "115px", // 檔案項的高度 
    url: "./up.php", // 上傳檔案的路徑 
    fileType: ["jpg", "png", "txt", "js"], // 上傳檔案的型別 
    fileSize: 51200000, // 上傳檔案的大小 
    multiple: true, // 是否可以多個檔案上傳 
    dragDrop: true, // 是否可以拖動上傳檔案 
    tailor: true, // 是否可以裁剪圖片 
    del: true, // 是否可以刪除檔案 
    finishDel: false, // 是否在上傳檔案完成後刪除預覽 
    /* 外部獲得的回撥介面 */ 
    onSelect: function(selectFiles, allFiles) {    // 選擇檔案的回撥方法  selectFile:當前選中的檔案  allFiles:還沒上傳的全部檔案 
        console.info("當前選擇了以下檔案:"); 
        console.info(selectFiles); 
    }, 
    onDelete: function(file, files) {              // 刪除一個檔案的回撥方法 file:當前刪除的檔案  files:刪除之後的檔案 
        console.info("當前刪除了此檔案:"); 
        console.info(file.name); 
    }, 
    onSuccess: function(file, response) {          // 檔案上傳成功的回撥方法 
        console.info("此檔案上傳成功:"); 
        console.info(file.name); 
        console.info("此檔案上傳到伺服器地址:"); 
        console.info(response); 
        $("#uploadInf").append("<p>上傳成功,檔案地址是:" + response + "</p>"); 
    }, 
    onFailure: function(file, response) {          // 檔案上傳失敗的回撥方法 
        console.info("此檔案上傳失敗:"); 
        console.info(file.name); 
    }, 
    onComplete: function(response) {                 // 上傳完成的回撥方法 
        console.info("檔案上傳完成"); 
        console.info(response); 
    } 
});

遠端上傳up.php

$uploaddir = 'uploads/'; 
$name = $_FILES['file']['name']; 
$uploadfile = $uploaddir . $name; 
$type = strtolower(substr(strrchr($name, '.'), 1)); 
//獲取檔案型別 
 
if (!in_array($type, $typeArr)) { 
    echo "請上傳jpg,png或gif型別的圖片!"; 
    exit; 
} 
print "<pre>"; 
if (move_uploaded_file($_FILES['file']['tmp_name'], $uploaddir . $_FILES['file']['name'])) { 
    print "File is valid, and was successfully uploaded.  Here's some more debugging info:\n"; 
    print_r($_FILES); 
} else { 
    print "Possible file upload attack!  Here's some debugging info:\n"; 
    print_r($_FILES); 
} 
print "</pre>";

本例項到這就結束了,分享出來希望