أي المستخدمين يستهدف هذا المكون الإضافي بشكل أساسي؟
1. إذا كنت تريد أن تكون مستخدمًا يقوم بتنزيل الخادم ، فلن يكون لديك عرض ترددي كافٍ أو مساحة كافية. كيف يمكننا أن نفعل هذا؟ اجعل موقعنا على شبكة الإنترنت في طبقة وسيطة ، ثم قم بتحميله على الخادم ، يتم تحميله فعليًا إلى تخزين Cloud Qiniu. التنزيل يعادل التنزيل في Qiniu ، والذي يوفر المساحة وعرض النطاق الترددي ، والذي يحل إمكانية استخدام المساحات الصغيرة كمواقع تنزيل!
2. خادمي جيد جدًا ، ولكن في بعض الأحيان يقوم المستخدم بتحميل بضعة K فقط. هناك حد ISP إلى 64 كيلو بايت ، لكنه لا يمكن أن يصل إلى عدد قليل من K. هذا حقيقي. نستخدم هذا أيضًا كخادم تحميل ثم نستخدم البرنامج لتنزيله على الخادم بانتظام. هذا ما يفعله مالك موقع الويب الآن.
3. قم بعمل مكتبة مستندات شخصية واترك الآخرين تحميلها على مساحتي السحابية
فقط المثال الموضح في الشكل أدناه
فيما يتعلق بهذا المكون الإضافي ، يجب أن أقول في JS أن المكون الإضافي plupload قوي حقًا. هناك مشكلة في أن تكون قويًا. إنه معقد. ما هو المعقد يعني التخصيص. افعل ذلك بنفسك ويمكنك تنفيذ الوظائف التي تريدها. إذا تحدثت فقط عن هذا المكون الإضافي ، فسيكون الأمر صعبًا للغاية. يمكنك الرجوع إلى واجهة برمجة التطبيقات الرسمية. أنا فقط صنع عرض Qiniu. إذا كان لديك تحميل في المقدمة ، فيمكنك إلقاء نظرة!
index.php
نسخة الكود كما يلي:
<؟ PHP
require_once ("./ qiniu/io.php") ؛
require_once ("./ qiniu/rs.php") ؛
require_once ("./ qiniu/fop.php") ؛
$ bucket = "اسم الفضاء" ؛
$ AccessKey = 'apikey' ؛
$ secretKey = 'apikey' ؛
Qiniu_setKeys ($ AccessKey ، $ secretKey) ؛
$ putpolicy = جديد qiniu_rs_putpolicy ($ bucket) ؛
$ uptoken = $ putpolicy-> token (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 for Qiniu </title>
<link rel = "STYLESHEET" href = "// ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type = "text/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 = "font: 13px Verdana ؛ الخلفية: #EEE ؛ اللون: #333">
<h1> plupload إلى Qiniu مثال </h1>
<div id = "uploader">
<p> لا يحتوي متصفحك على دعم فلاش أو Silverlight أو HTML5. </p>
</div>
<script type = "text/javaScript">
$ (function () {
$ ("#loaderer"). pluploadqueue ({
// set type
أوقات التشغيل: "HTML5 ، فلاش ، Silverlight" ،
// اضبط عنوان URL الذي تم تحميله
عنوان URL: 'http://up.qiniu.com/' ،
متعددة: صحيح ،
// قم بتعيين الرمز المميز الذي تم نقله إلى Qiniu
multipart_params: {
"الرمز المميز": '<؟ php echo $ uptoken ؛ ؟> '،
} ،
تغيير الحجم: {العرض: 800 ، الارتفاع: 600 ، الجودة: 60} ، // SET SIZE
// تعديل حقل المنشور إلى ملف Qiniu
file_data_name: "ملف" ،
// تعيين بعض القيود
المرشحات: {
// اضبط الحجم
max_file_size: "10 ميجابايت" ،
// نوع التحميل المسموح به
mime_types: [
{العنوان: "ملفات الصور" ، الامتدادات: "PNG ، JPEG"} ،
{العنوان: "ملفات RAR" ، الامتدادات: "RAR ، ZIP ، TAR.GZ"}
]
} ،
// اضبط المسار على الفلاش
flash_swf_url: './js/moxie.swf' ،
// اضبط الطريق على Silverlight
Silverlight_XAP_URL: './js/moxie.xap' ،
// تحميل متعدد الملفات إذا قمت بتحميل ملفات متعددة ، يمكنك إزالة التعليقات هنا
// preinit: {
// toploadfile: function (up ، file) {
// up.settings.multipart_params.key = file.name ؛
//}
//} ،
}) ؛
var uploader = $ ('#uploader'). pluploadqueue () ؛ // احصل على قائمة انتظار التحميل
// هناك العديد من الطرق المحددة للملفات الملزمة. يمكنك رؤية طريقة تحميل ملفات API الرسمية.
uploader.bind ('filesadded' ، function (up ، files) {
// احصل على اسم الملف هذا واحد إذا كانت هناك ملفات متعددة تحتاج إلى تحميلها في حلقة
var filename = files [0] .Name ؛
var filedata = filename.split (".") ؛
var type = fileData [filedata.length-1] ؛
up.settings.multipart_params.key = "<؟
}) ؛
if (uploader.files.length> 0) {// وهذا يعني ، إذا كانت هناك ملفات في قائمة انتظار التحميل
تحميل. start () ؛
} آخر {
تنبيه ("عليك تحديد ملف.") ؛
}
}) ؛
</script>
</body>
</html>
منتجات Qiniu جيدة حقًا. يمكنك التعلم من مقالاتي السابقة ، بما في ذلك النسخ الاحتياطي للخادم (Linux) وتحميل المكونات الإضافية. نسبيا ، هذا المكون الإضافي JS بسيط ، بالطبع ، هناك أيضًا رمز استعلام Qiniu. إذا كان لديك أي أسئلة ، فقط اسألني.