Welchen Benutzer ist dieses Plug-In hauptsächlich gezielt?
1. Wenn Sie ein Benutzer sein möchten, der den Server herunterlädt, haben Sie nicht genügend Bandbreite oder genug Platz. Wie können wir das tun? Machen Sie unsere Website zu einer Zwischenschicht und laden Sie sie dann auf den Server hoch. Sie wird tatsächlich auf den Qiniu -Cloud -Speicher hochgeladen. Das Download entspricht dem Herunterladen in Qiniu, was Platz und Bandbreite spart, was die Möglichkeit löst, dass kleine Räume nicht als Download -Websites verwendet werden können!
2. Mein Server ist sehr gut, aber manchmal lädt der Benutzer nur ein paar K -Kündigungen hoch. Es gibt eine Grenze von ISP auf 64 KB, aber es kann nicht ein paar K erreichen. Das ist real. Wir verwenden dies auch als Upload -Server und verwenden sie dann software, ihn regelmäßig auf den Server herunterzuladen. Das macht ein Website -Eigentümer jetzt.
3. Machen Sie eine persönliche Dokumentbibliothek und lassen Sie sie andere in meinen Cloud -Bereich hochladen
Nur das in der Abbildung unten gezeigte Beispiel
In Bezug auf dieses Plug-In muss ich in JS sagen, dass das Plupload-Plug-In wirklich leistungsfähig ist. Es gibt ein Problem damit, mächtig zu sein. Es ist komplex. Was komplex ist, bedeutet eine Anpassung. Tun Sie es selbst und Sie können die gewünschten Funktionen implementieren. Wenn Sie nur über dieses Plug-In sprechen, wäre es zu schwierig. Sie können sich auf die offizielle API beziehen. Ich mache nur eine Qiniu -Demo. Wenn Sie Uploadify voran haben, können Sie einen Blick darauf werfen!
index.php
Die Codekopie lautet wie folgt:
<? Php
required_once ("./ Qiniu/io.php");
required_once ("./ Qiniu/rs.php");
required_once ("./ Qiniu/fop.php");
$ bucket = "Raumname";
$ accessKey = 'apikey';
$ secryKey = 'apikey';
Qiniu_setkeys ($ accessKey, $ secryKey);
$ putpolicy = new qiniu_rs_putpolicy ($ bucket);
$ upToken = $ putpolicy-> token (null);
?>
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml" Dir = "ltr">
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/>
<title> Plupload für 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 = "Schriftart: 13px Verdana; Hintergrund: #eee; Farbe: #333">
<h1> plupload an Qiniu Beispiel </h1>
<div id = "uploader">
<p> Ihr Browser hat keinen Blitz-, Silverlight- oder HTML5 -Unterstützung. </p>
</div>
<script type = "text/javaScript">
$ (function () {
$ ("#Uploader"). Pluploadqueue ({{{
// Typ einstellen
Laufzeiten: 'HTML5, Flash, Silverlight',
// Setzen Sie die hochgeladene URL ein
URL: 'http://up.qiniu.com/', ',
Multipart: Richtig,
// Setzen Sie das Token, den der Beitrag an Qiniu übergeben wird
Multipart_Params: {
'Token': '<? php echo $ upteking; ?> ',
},
Größen Sie die Größe: {Breite: 800, Höhe: 600, Qualität: 60}, // Größe der Größe festlegen
// Ändern Sie das Postfeld in der Qiniu -Datei
Datei_Data_Name: 'Datei',,
// Stellen Sie einige Einschränkungen ein
Filter: {
// Setzen Sie die Größe
MAX_FILE_SIZE: '10MB',,
// Die Art des Uploadtyps erlaubt
mime_types: [
{Titel: "Bilddateien", Erweiterungen: "PNG, JPEG"},
{Titel: "RAR -Dateien", Erweiterungen: "RAR, ZIP, TAR.GZ"}
]
},
// Setzen Sie den Pfad zum Flash
flash_swf_url: './js/moxie.swf',,
// Setzen Sie den Pfad auf Silverlight
silverlight_xap_url: './js/moxie.xap',,
// Multi-File Upload Wenn Sie mehrere Dateien hochladen, können Sie die Kommentare hier entfernen
// Preinit: {
// UploadFile: Funktion (Up, Datei) {
// up.settings.multipart_params.key = file.name;
//}
//},
});
var uploader = $ ('#uploader'). plUploadQueue (); // Holen Sie sich die Upload -Warteschlange
// Es gibt viele spezifische Methoden zum Binden von Dateien. Sie können die offizielle API -Einzeldatei -Upload -Methode sehen.
Uploader.bind ('filesAdded', Funktion (Up, Dateien) {
// Dateiname abrufen Dies ist einzeln, wenn mehrere Dateien in einer Schleife hochgeladen werden müssen
var Dateiname = Dateien [0] .Name;
var ageledata = Dateiname.Split (".");
var type = fehledata [fieledata.length-1];
up.settings.multipart_params.key = "<? php echo date ('ymd-his'). '-'. Rand (10000.99999);?>"+"."+Typ;
});
if (Uploader.files.length> 0) {// Das heißt, wenn noch Dateien in der Upload -Warteschlange vorhanden sind
Uploader.Start ();
} anders {
ALERT ('Sie müssen eine Datei auswählen.');
}
});
</script>
</body>
</html>
Die Produkte von Qiniu sind wirklich gut. Sie können aus meinen vorherigen Artikeln lernen, einschließlich Server Backup (Linux) und das Uploadify-Plug-In. Relativ gesehen ist dieses JS-Plug-In einfach, dass es auch Qinius Query-Code gibt. Wenn Sie Fragen haben, stellen Sie mir einfach.