RubyGems - plupload-rails3 - Versions diffs - 0.0.4 - Mend

plupload-rails3 0.0.4

Files changed (83) hide show

data/lib/public/javascripts/plupload-rails3/plupload/examples/jquery/jquery_ui_widget.html ADDED Viewed

@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<title>Plupload - Queue widget example</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(../bg.jpg);
+	}
+</style>
+<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
+<link rel="stylesheet" href="../../js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
+<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>
+<script type="text/javascript" src="../../js/plupload.js"></script>
+<script type="text/javascript" src="../../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../../js/plupload.html5.js"></script>
+<script type="text/javascript" src="../../js/jquery.ui.plupload/jquery.ui.plupload.js"></script>
+<!--<script type="text/javascript" src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>-->
+</head>
+<body>
+<h1>jQuery UI Widget</h1>
+<p>You can see this example with different themes on the <a href="http://plupload.com/example_jquery_ui.php">www.plupload.com</a> website.</p>
+<form  method="post" action="dump.php">
+	<div id="uploader">
+		<p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
+	</div>
+</form>
+<script type="text/javascript">
+// Convert divs to queue widgets when the DOM is ready
+$(function() {
+	$("#uploader").plupload({
+		// General settings
+		runtimes : 'flash,html5,browserplus,silverlight,gears,html4',
+		url : '../upload.php',
+		max_file_size : '1000mb',
+		max_file_count: 20, // user can add no more then 20 files at a time
+		chunk_size : '1mb',
+		unique_names : true,
+		multiple_queues : true,
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90},
+		// Rename files by clicking on their titles
+		rename: true,
+		// Sort files
+		sortable: true,
+		// Specify what files to browse for
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip,avi"}
+		],
+		// Flash settings
+		flash_swf_url : '../../js/plupload.flash.swf',
+		// Silverlight settings
+		silverlight_xap_url : '../../js/plupload.silverlight.xap'
+	});
+	// Client side form validation
+	$('form').submit(function(e) {
+		var uploader = $('#uploader').plupload('getUploader');
+		// Validate number of uploaded files
+		if (uploader.total.uploaded == 0) {
+			// Files in queue upload them first
+			if (uploader.files.length > 0) {
+				// When all files are uploaded submit form
+				uploader.bind('UploadProgress', function() {
+					if (uploader.total.uploaded == uploader.files.length)
+						$('form').submit();
+				});
+				uploader.start();
+			} else
+				alert('You must at least upload one file.');
+			e.preventDefault();
+		}
+	});
+});
+</script>
+</body>
+</html>

data/lib/public/javascripts/plupload-rails3/plupload/examples/jquery/queue_widget.html ADDED Viewed

@@ -0,0 +1,174 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<title>Plupload - Queue widget example</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(../bg.jpg);
+	}
+</style>
+<link rel="stylesheet" href="../../js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>
+<script type="text/javascript" src="../../js/plupload.js"></script>
+<script type="text/javascript" src="../../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../../js/plupload.html5.js"></script>
+<script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
+<!-- <script type="text/javascript"  src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script> -->
+</head>
+<body>
+<form method="post" action="dump.php">
+	<h1>Queue widget example</h1>
+	<p>Shows the jQuery Plupload Queue widget and under different runtimes.</p>
+	<div style="float: left; margin-right: 20px">
+		<h3>Flash runtime</h3>
+		<div id="flash_uploader" style="width: 450px; height: 330px;">You browser doesn't have Flash installed.</div>
+		<h3>Gears runtime</h3>
+		<div id="gears_uploader" style="width: 450px; height: 330px;">You browser doesn't have Gears installed.</div>
+	</div>
+	<div style="float: left; margin-right: 20px">
+		<h3>Silverlight runtime</h3>
+		<div id="silverlight_uploader" style="width: 450px; height: 330px;">You browser doesn't have Silverlight installed.</div>
+		<h3>HTML 5 runtime</h3>
+		<div id="html5_uploader" style="width: 450px; height: 330px;">You browser doesn't support native upload. Try Firefox 3 or Safari 4.</div>
+	</div>
+	<div style="float: left; margin-right: 20px">
+		<h3>BrowserPlus runtime</h3>
+		<div id="browserplus_uploader" style="width: 450px; height: 330px;">You browser doesn't have BrowserPlus installed.</div>
+		<h3>HTML 4 runtime</h3>
+		<div id="html4_uploader" style="width: 450px; height: 330px;">You browser doesn't have HTML 4 support.</div>
+	</div>
+	<br style="clear: both" />
+	<input type="submit" value="Send" />
+</form>
+<script type="text/javascript">
+$(function() {
+	// Setup flash version
+	$("#flash_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'flash',
+		url : '../upload.php',
+		max_file_size : '10mb',
+		chunk_size : '1mb',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		],
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90},
+		// Flash settings
+		flash_swf_url : '../../js/plupload.flash.swf'
+	});
+	// Setup gears version
+	$("#gears_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'gears',
+		url : 'upload.php',
+		max_file_size : '10mb',
+		chunk_size : '1mb',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		],
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90}
+	});
+	// Setup silverlight version
+	$("#silverlight_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'silverlight',
+		url : 'upload.php',
+		max_file_size : '10mb',
+		chunk_size : '1mb',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		],
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90},
+		// Silverlight settings
+		silverlight_xap_url : '../../js/plupload.silverlight.xap'
+	});
+	// Setup html5 version
+	$("#html5_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'html5',
+		url : 'upload.php',
+		max_file_size : '10mb',
+		chunk_size : '1mb',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		],
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90}
+	});
+	// Setup browserplus version
+	$("#browserplus_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'browserplus',
+		url : 'upload.php',
+		max_file_size : '10mb',
+		chunk_size : '1mb',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		],
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90}
+	});
+	// Setup html4 version
+	$("#html4_uploader").pluploadQueue({
+		// General settings
+		runtimes : 'html4',
+		url : 'upload.php',
+		unique_names : true,
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip"}
+		]
+	});
+});
+</script>
+</body>
+</html>

data/lib/public/javascripts/plupload-rails3/plupload/examples/jquery/s3.php ADDED Viewed

@@ -0,0 +1,158 @@
+<?php
+/*
+In order to upload files to S3 using Flash runtime, one should start by placing crossdomain.xml into the bucket.
+crossdomain.xml can be as simple as this:
+<?xml version="1.0"?>
+<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
+<cross-domain-policy>
+<allow-access-from domain="*" secure="false" />
+</cross-domain-policy>
+In our tests SilverLight didn't require anything special and worked with this configuration just fine. It may fail back
+to the same crossdomain.xml as last resort.
+!!!Important!!! Plupload UI Widget here, is used only for demo purposes and is not required for uploading to S3.
+*/
+// important variables that will be used throughout this example
+$bucket = 'BUCKET';
+// these can be found on your Account page, under Security Credentials > Access Keys
+$accessKeyId = 'ACCESS_KEY_ID';
+$secret = 'SECRET_ACCESS_KEY';
+// hash_hmac — Generate a keyed hash value using the HMAC method
+// (PHP 5 >= 5.1.2, PECL hash >= 1.1)
+if (!function_exists('hash_hmac')) :
+// based on: http://www.php.net/manual/en/function.sha1.php#39492
+function hash_hmac($algo, $data, $key, $raw_output = false)
+{
+	$blocksize = 64;
+    if (strlen($key) > $blocksize)
+        $key = pack('H*', $algo($key));
+	$key = str_pad($key, $blocksize, chr(0x00));
+    $ipad = str_repeat(chr(0x36), $blocksize);
+    $opad = str_repeat(chr(0x5c), $blocksize);
+    $hmac = pack('H*', $algo(($key^$opad) . pack('H*', $algo(($key^$ipad) . $data))));
+	return $raw_output ? $hmac : bin2hex($hmac);
+}
+endif;
+// prepare policy
+$policy = base64_encode(json_encode(array(
+	// ISO 8601 - date('c'); generates uncompatible date, so better do it manually
+	'expiration' => date('Y-m-d\TH:i:s.000\Z', strtotime('+1 day')),
+	'conditions' => array(
+		array('bucket' => $bucket),
+		array('acl' => 'public-read'),
+		array('starts-with', '$key', ''),
+		// for demo purposes we are accepting only images
+		array('starts-with', '$Content-Type', 'image/'),
+		// "Some versions of the Adobe Flash Player do not properly handle HTTP responses that have an empty body.
+		// To configure POST to return a response that does not have an empty body, set success_action_status to 201.
+		// When set, Amazon S3 returns an XML document with a 201 status code."
+		// http://docs.amazonwebservices.com/AmazonS3/latest/dev/HTTPPOSTFlash.html
+		array('success_action_status' => '201'),
+		// Plupload internally adds name field, so we need to mention it here
+		array('starts-with', '$name', ''),
+		// One more field to take into account: Filename - gets silently sent by FileReference.upload() in Flash
+		// http://docs.amazonwebservices.com/AmazonS3/latest/dev/HTTPPOSTFlash.html
+		array('starts-with', '$Filename', ''),
+	)
+)));
+// sign policy
+$signature = base64_encode(hash_hmac('sha1', $policy, $secret, true));
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<title>Plupload to Amazon S3 Example</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(../bg.jpg);
+	}
+</style>
+<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
+<script src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
+<!-- Load plupload and all it's runtimes and finally the UI widget -->
+<link rel="stylesheet" href="../../js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
+<script type="text/javascript" src="../../js/plupload.js"></script>
+<script type="text/javascript" src="../../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../../js/plupload.html5.js"></script>
+<script type="text/javascript" src="../../js/jquery.ui.plupload/jquery.ui.plupload.js"></script>
+<!--<script type="text/javascript" src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>-->
+</head>
+<body>
+<h1>Plupload to Amazon S3 Example</h1>
+<div id="uploader">
+    <p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
+</div>
+<script type="text/javascript">
+// Convert divs to queue widgets when the DOM is ready
+$(function() {
+	$("#uploader").plupload({
+		runtimes : 'flash,silverlight',
+		url : 'http://<?php echo $bucket; ?>.s3.amazonaws.com/',
+		max_file_size : '10mb',
+		multipart: true,
+		multipart_params: {
+			'key': '${filename}', // use filename as a key
+			'Filename': '${filename}', // adding this to keep consistency across the runtimes
+			'acl': 'public-read',
+			'Content-Type': 'image/jpeg',
+			'success_action_status': '201',
+			'AWSAccessKeyId' : '<?php echo $accessKeyId; ?>',
+			'policy': '<?php echo $policy; ?>',
+			'signature': '<?php echo $signature; ?>'
+		},
+		// !!!Important!!!
+		// this is not recommended with S3, since it will force Flash runtime into the mode, with no progress indication
+		//resize : {width : 800, height : 600, quality : 60},  // Resize images on clientside, if possible
+		// optional, but better be specified directly
+		file_data_name: 'file',
+		// re-use widget (not related to S3, but to Plupload UI Widget)
+		multiple_queues: true,
+		// Specify what files to browse for
+		filters : [
+			{title : "JPEG files", extensions : "jpg"}
+		],
+		// Flash settings
+		flash_swf_url : '../../js/plupload.flash.swf',
+		// Silverlight settings
+		silverlight_xap_url : '../../js/plupload.silverlight.xap'
+	});
+});
+</script>
+</body>
+</html>

data/lib/public/javascripts/plupload-rails3/plupload/examples/upload.php ADDED Viewed

@@ -0,0 +1,124 @@
+<?php
+/**
+ * upload.php
+ *
+ * Copyright 2009, Moxiecode Systems AB
+ * Released under GPL License.
+ *
+ * License: http://www.plupload.com/license
+ * Contributing: http://www.plupload.com/contributing
+ */
+// HTTP headers for no cache etc
+header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
+header("Cache-Control: no-store, no-cache, must-revalidate");
+header("Cache-Control: post-check=0, pre-check=0", false);
+header("Pragma: no-cache");
+// Settings
+//$targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload";
+$targetDir = 'uploads/';
+//$cleanupTargetDir = false; // Remove old files
+//$maxFileAge = 60 * 60; // Temp file age in seconds
+// 5 minutes execution time
+@set_time_limit(5 * 60);
+// Uncomment this one to fake upload time
+// usleep(5000);
+// Get parameters
+$chunk = isset($_REQUEST["chunk"]) ? $_REQUEST["chunk"] : 0;
+$chunks = isset($_REQUEST["chunks"]) ? $_REQUEST["chunks"] : 0;
+$fileName = isset($_REQUEST["name"]) ? $_REQUEST["name"] : '';
+// Clean the fileName for security reasons
+$fileName = preg_replace('/[^\w\._]+/', '', $fileName);
+// Make sure the fileName is unique but only if chunking is disabled
+if ($chunks < 2 && file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName)) {
+	$ext = strrpos($fileName, '.');
+	$fileName_a = substr($fileName, 0, $ext);
+	$fileName_b = substr($fileName, $ext);
+	$count = 1;
+	while (file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName_a . '_' . $count . $fileName_b))
+		$count++;
+	$fileName = $fileName_a . '_' . $count . $fileName_b;
+}
+// Create target dir
+if (!file_exists($targetDir))
+	@mkdir($targetDir);
+// Remove old temp files
+/* this doesn't really work by now
+if (is_dir($targetDir) && ($dir = opendir($targetDir))) {
+	while (($file = readdir($dir)) !== false) {
+		$filePath = $targetDir . DIRECTORY_SEPARATOR . $file;
+		// Remove temp files if they are older than the max age
+		if (preg_match('/\\.tmp$/', $file) && (filemtime($filePath) < time() - $maxFileAge))
+			@unlink($filePath);
+	}
+	closedir($dir);
+} else
+	die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}');
+*/
+// Look for the content type header
+if (isset($_SERVER["HTTP_CONTENT_TYPE"]))
+	$contentType = $_SERVER["HTTP_CONTENT_TYPE"];
+if (isset($_SERVER["CONTENT_TYPE"]))
+	$contentType = $_SERVER["CONTENT_TYPE"];
+// Handle non multipart uploads older WebKit versions didn't support multipart in HTML5
+if (strpos($contentType, "multipart") !== false) {
+	if (isset($_FILES['file']['tmp_name']) && is_uploaded_file($_FILES['file']['tmp_name'])) {
+		// Open temp file
+		$out = fopen($targetDir . DIRECTORY_SEPARATOR . $fileName, $chunk == 0 ? "wb" : "ab");
+		if ($out) {
+			// Read binary input stream and append it to temp file
+			$in = fopen($_FILES['file']['tmp_name'], "rb");
+			if ($in) {
+				while ($buff = fread($in, 4096))
+					fwrite($out, $buff);
+			} else
+				die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');
+			fclose($in);
+			fclose($out);
+			@unlink($_FILES['file']['tmp_name']);
+		} else
+			die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
+	} else
+		die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}');
+} else {
+	// Open temp file
+	$out = fopen($targetDir . DIRECTORY_SEPARATOR . $fileName, $chunk == 0 ? "wb" : "ab");
+	if ($out) {
+		// Read binary input stream and append it to temp file
+		$in = fopen("php://input", "rb");
+		if ($in) {
+			while ($buff = fread($in, 4096))
+				fwrite($out, $buff);
+		} else
+			die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');
+		fclose($in);
+		fclose($out);
+	} else
+		die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
+}
+// Return JSON-RPC response
+die('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}');
+?>