ผู้ใช้รายใดคือปลั๊กอินที่กำหนดเป้าหมายเป็นหลัก
1. หากคุณต้องการเป็นผู้ใช้ที่ดาวน์โหลดเซิร์ฟเวอร์คุณไม่มีแบนด์วิดท์เพียงพอหรือมีพื้นที่เพียงพอ เราจะทำสิ่งนี้ได้อย่างไร? ทำให้เว็บไซต์ของเราเป็นเลเยอร์กลางจากนั้นอัปโหลดไปยังเซิร์ฟเวอร์จริง ๆ แล้วจะอัปโหลดไปยังที่เก็บข้อมูลคลาวด์ Qiniu การดาวน์โหลดเทียบเท่ากับการดาวน์โหลดใน Qiniu ซึ่งช่วยประหยัดพื้นที่และแบนด์วิดท์ซึ่งแก้ปัญหาความเป็นไปได้ที่ช่องว่างขนาดเล็กไม่สามารถใช้เป็นเว็บไซต์ดาวน์โหลดได้!
2. เซิร์ฟเวอร์ของฉันดีมาก แต่บางครั้งผู้ใช้ก็อัปโหลดเพียงไม่กี่ k เร็วขึ้น มีขีด จำกัด ของ ISP ถึง 64KB แต่ไม่สามารถเข้าถึง K ไม่กี่ K. นี่เป็นเรื่องจริง นอกจากนี้เรายังใช้สิ่งนี้เป็นเซิร์ฟเวอร์อัปโหลดแล้วใช้ซอฟต์แวร์เพื่อดาวน์โหลดไปยังเซิร์ฟเวอร์เป็นประจำ นี่คือสิ่งที่เจ้าของเว็บไซต์ทำตอนนี้
3. สร้างห้องสมุดเอกสารส่วนตัวและให้ผู้อื่นอัปโหลดไปยังพื้นที่คลาวด์ของฉัน
เพียงตัวอย่างที่แสดงในรูปด้านล่าง
เกี่ยวกับปลั๊กอินนี้ฉันต้องพูดใน JS ว่าปลั๊กอิน plupload นั้นทรงพลังจริงๆ มีปัญหากับการมีพลัง มันซับซ้อน อะไรคือความซับซ้อนหมายถึงการปรับแต่ง ทำด้วยตัวเองและคุณสามารถใช้ฟังก์ชั่นที่คุณต้องการ หากคุณพูดถึงปลั๊กอินนี้เท่านั้นมันจะยากเกินไป คุณสามารถอ้างถึง API อย่างเป็นทางการ ฉันแค่ทำการสาธิต Qiniu หากคุณอัปโหลดอยู่ข้างหน้าคุณสามารถดูได้!
index.php
การคัดลอกรหัสมีดังนี้:
<? php
require_once ("./ qiniu/io.php");
require_once ("./ qiniu/rs.php");
require_once ("./ qiniu/fop.php");
$ bucket = "ชื่ออวกาศ";
$ accessKey = 'Apikey';
$ secretheky = 'apikey';
qiniu_setkeys ($ accesskey, $ secretkey);
$ putpolicy = ใหม่ qiniu_rs_putpolicy ($ bucket);
$ uptoken = $ putpolicy-> โทเค็น (null);
-
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" dir = "ltr">
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> plupload สำหรับ qiniu </title>
<link rel = "stylesheet" href = "// ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type = "css"/>> >>
<script src = "// ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script>
<script src = "// ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"> </script>
<link rel = "stylesheet" href = "./ js/jQuery.plupload.queue/css/jQuery.plupload.queue.css" type = "text/css"/>
<script type = "text/javascript" src = "./ js/plupload.full.min.js"> </script>
<script type = "text/javascript" src = "./ js/jQuery.ui.plupload/jQuery.ui.plupload.js"> </script>
<script type = "text/javascript" src = "./ js/jQuery.plupload.queue/jQuery.plupload.queue.js"> </script>
</head>
<body style = "ตัวอักษร: 13px verdana; พื้นหลัง: #eee; สี: #333">
<H1> plupload เป็นตัวอย่าง qiniu </h1>
<div id = "uploader">
<p> เบราว์เซอร์ของคุณไม่มีการรองรับแฟลช Silverlight หรือ HTML5 </p>
</div>
<script type = "text/javascript">
$ (function () {
$ ("#uploader"). pluploadqueue ({
// ตั้งค่าประเภท
Runtimes: 'HTML5, Flash, Silverlight'
// ตั้งค่า URL ที่อัปโหลด
URL: 'http://up.qiniu.com/'
Multipart: จริง
// ตั้งค่าโทเค็นที่โพสต์ถูกส่งไปยัง Qiniu
multipart_params: {
'โทเค็น': '<? php echo $ uptoken; -
-
Resize: {Width: 800, ความสูง: 600, คุณภาพ: 60}, // set size
// แก้ไขฟิลด์โพสต์เป็นไฟล์ qiniu
file_data_name: 'ไฟล์'
// ตั้งข้อ จำกัด บางอย่าง
ตัวกรอง: {
// ตั้งค่าขนาด
max_file_size: '10mb',
// ประเภทของการอัปโหลดที่อนุญาต
mime_types: [
{title: "ไฟล์ภาพ", ส่วนขยาย: "png, jpeg"},
{title: "ไฟล์ rar", ส่วนขยาย: "rar, zip, tar.gz"}
-
-
// ตั้งค่าเส้นทางเป็นแฟลช
flash_swf_url: './js/moxie.swf'
// ตั้งค่าเส้นทางเป็น Silverlight
Silverlight_xap_url: './js/moxie.xap'
// การอัปโหลดหลายไฟล์หากคุณอัปโหลดหลายไฟล์คุณสามารถลบความคิดเห็นได้ที่นี่
// preinit: {
// uploadfile: ฟังก์ชัน (ขึ้น, ไฟล์) {
// up.settings.multipart_params.key = file.name;
-
-
-
var uploader = $ ('#uploader'). pluploadqueue (); // รับคิวอัปโหลด
// มีวิธีการเฉพาะมากมายสำหรับการเชื่อมโยงไฟล์ คุณสามารถดูวิธีการอัปโหลดไฟล์ API อย่างเป็นทางการได้
uploader.bind ('filesadded', ฟังก์ชั่น (ขึ้น, ไฟล์) {
// รับชื่อไฟล์นี่เป็นโสดหากต้องอัปโหลดไฟล์หลายไฟล์ในลูป
var filename = ไฟล์ [0] .name;
var filedata = filename.split (".");
var type = filedata [filedata.length-1];
Up.settings.multipart_params.key = "<? php echo date ('ymd-his'). '-'. rand (10,000,99999);?>"+"."+type;
-
if (uploader.files.length> 0) {// นั่นคือถ้ายังมีไฟล์ในคิวอัปโหลด
uploader.start ();
} อื่น {
การแจ้งเตือน ('คุณต้องเลือกไฟล์');
-
-
</script>
</body>
</html>
ผลิตภัณฑ์ของ Qiniu นั้นดีจริงๆ คุณสามารถเรียนรู้จากบทความก่อนหน้าของฉันรวมถึงการสำรองข้อมูลเซิร์ฟเวอร์ (Linux) และอัปโหลดปลั๊กอิน ค่อนข้างพูดปลั๊กอิน JS นี้ง่ายแน่นอนนอกจากนี้ยังมีรหัสสอบถามของ Qiniu หากคุณมีคำถามใด ๆ เพียงแค่ถามฉัน