/* * jquery.uploadProgress * * Copyright (c) 2008 Piotr Sarnacki (drogomir.com) * * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * */ (function($) { $.fn.uploadProgress = function(options) { options = $.extend({ interval: 2000, progressBar: "#progressbar", progressUrl: "/progress", start: function() {}, uploading: function() {}, complete: function() {}, success: function() {}, error: function() {}, cancel: function() {}, empty: function() {}, preloadImages: [], uploadProgressPath: '/javascripts/jquery.uploadProgress.js', jqueryPath: '/javascripts/jquery.js', timer: "", rdmid: 1 }, options); $(function() { //preload images for(var i = 0; i").attr("src", options.preloadImages[i]); } /* tried to add iframe after submit (to not always load it) but it won't work. safari can't get scripts properly while submitting files */ if(($.browser.safari || $.browser.opera) && top.document == document) { /* iframe to send ajax requests in safari thanks to Michele Finotto for idea */ iframe = document.createElement('iframe'); iframe.name = "progressFrame"; $(iframe).css({width: '0', height: '0', position: 'absolute', top: '-3000px'}); document.body.appendChild(iframe); var d = iframe.contentWindow.document; d.open(); /* weird - safari won't load scripts without this lines... */ d.write(''); d.close(); var b = d.body; var s = d.createElement('script'); s.src = options.jqueryPath; /* must be sure that jquery is loaded */ s.onload = function() { var s1 = d.createElement('script'); s1.src = options.uploadProgressPath; b.appendChild(s1); } b.appendChild(s); } }); //return this.each(function(){ //var test = $(this).bind('submit', function() { $(this).submit(function() { var uuid = ""; for (i = 0; i < 32; i++) { uuid += Math.floor(Math.random() * 16).toString(16); } /* update uuid */ options.uuid = uuid; /* start callback */ options.start(options.rdmid); /* patch the form-action tag to include the progress-id if X-Progress-ID has been already added just replace it */ if(old_id = /X-Progress-ID=([^&]+)/.exec($(this).attr("action"))) { var action = $(this).attr("action").replace(old_id[1], uuid); $(this).attr("action", action); } else { $(this).attr("action", jQuery(this).attr("action") + "?X-Progress-ID=" + uuid); } /* patch make the uuid available to the interval request */ options.progressUrl = options.progressUrl + "?X-Progress-ID=" + uuid; var uploadProgress = ($.browser.safari || $.browser.opera) ? progressFrame.jQuery.uploadProgress : jQuery.uploadProgress; options.timer = window.setInterval(function() { uploadProgress(this, options) }, options.interval); var jThis = $( this ); var strName = ("uploader" + (new Date()).getTime()); var jFrame = $( "