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

plupload-rails3 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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"}');
+?>