Plupload を使用して添付ファイルを Qiniu Cloud Storage に直接アップロード_javascript スキル

WBOY

リリース： 2016-05-16 16:24:22

オリジナル

1637 人が閲覧しました

このプラグインは主に誰を対象としていますか?

1. Space Xiao はダウンロードサーバーのユーザーになりたいと考えていますが、十分な帯域幅もスペースもありません。どうすればよいでしょうか?私たちのウェブサイトは中間層に作られており、ユーザーがそれをサーバーにアップロードすると、実際には Qiniu クラウドストレージにアップロードされるため、スペースと帯域幅が節約され、問題が解決されます。狭いスペースではダウンロードサイトとして使用できません。

2. 私自身のサーバーは非常に優れていますが、ユーザーのアップロード速度が数 KB までしか上がらないことがあります。これは、ISP によって 64 KB に制限されている場合がありますが、これは実際のことです。これは、サーバーにアップロードするために使用され、その後、ソフトウェアを使用してサーバーに定期的にダウンロードされます。これは現在、Web サイトの所有者が行っていることです

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 = new Qiniu_RS_PutPolicy($bucket);
$upToken = $putPolicy->Token(null);
?>

http://www.w3.org/1999/xhtml" dir="ltr">

Plupload for QINIU

Plupload to QINIU Example

Your browser doesn't have Flash, Silverlight or HTML5 support.

<スクリプトタイプ="text/javascript">
$(function() {
$("#uploader").pluploadQueue({
//型を設定
ランタイム: 'html5、フラッシュ、シルバーライト'、
//アップロードURLを設定
URL : 'http://up.qiniu.com/',

マルチパート: true、
// Qiniu
に投稿されたトークンを設定します multipart_params: {
'トークン': '',
}、

サイズ変更 : {幅 : 800, 高さ : 600, 品質 : 60}, // サイズを設定
// 投稿フィールドを Qiniu のファイルに変更します
file_data_name: 'ファイル',
//いくつかの制限を設定します
フィルター: {
//サイズを設定
max_file_size : '10mb',
// アップロードが許可されるタイプ
mime_types: [
{タイトル : "画像ファイル"、拡張子 : "png,jpeg"},
{タイトル : "RAR ファイル"、拡張子 : "rar,zip,tar.gz"}
]
}、
//Flashのパスを設定
flash_swf_url : './js/Moxie.swf',
//Silverlight パスを設定します
silverlight_xap_url : './js/Moxie.xap',
//複数のファイルのアップロード複数のファイルをアップロードする場合は、ここでコメントを削除できます
// 事前初期化:{
// UploadFile: function(up,file){
// up.settings.multipart_params.key=file.name;
// }
// },

});
var Uploader = $('#uploader').pluploadQueue() // アップロードキューを取得します
; //Bind FIlesAdded メソッド。多くの具体的なメソッドについては、公式 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) { // つまり、アップロードキューにまだファイルがある場合
Uploader.start();
alert('ファイルを選択する必要があります。'); });

Qiniu の製品は非常に優れており、サーバーバックアップ (LINUX) と Uploadify プラグインがあることがわかります。もちろん、この JS プラグインも Qiniu に組み込まれています。クエリコード。ご不明な点がございましたら、お問い合わせください