PHP結合zyupload多功能圖片上傳例項
阿新 • • 發佈:2019-05-18
PHP結合zyupload多功能圖片上傳例項,支援拖拽和裁剪、可以自定義高度和寬度,型別,遠端上傳地址等。
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>";
本例項到這就結束了,分享出來希望