Álbum de Fotos - multiUpload

< Voltar para os exemplos

Novo Álbum

Código:

var uploader = "";

$(function() {
	$("#album").submit(function() {
		// Não continue caso já exista uma instância do multiUploader
		if (typeof uploader == "object")
			return false;

		var data = $(this).serialize(); // Dados do formulário

		$(":text,textarea").attr("disabled", "disabled"); // Desabilitar os textos

		// Envia o formulário via Ajax
		$.ajax({
			type: "POST",
			url: "savealbum.php",
			data: data,
			cache: false,
			dataType: "json",
			success: function(json)
			{
				if (json.id > 0) // Se recebemos um id então o álbum foi salvo com sucesso
				{
					// Cria uma instância do multiUpload
					uploader = new multiUpload('uploader', 'uploader_files', {
						swf:             '../../swf/multiUpload.swf',
						script:          'upload.php',
						expressInstall:  '../../swf/expressInstall.swf',
						multi:           true,
						data:            json, // Envia a variável json para o script de upload (com o id do álbum)
						fileDescription: 'JPEG Images',
						fileExtensions:  '*.jpg;*.jpeg',
						onAllComplete:   function()
						{
							alert("Todos os arquivos foram enviados!");
						}
					});

					// Cria o html base para listagem dos arquivos selecionados e barra de progresso
					uploader.createBaseHtml();

					// Mostra as ações (Iniciar Upload, limpar fila)
					$(".upload_actions").show();
				}
				else // Caso o álbum não seja salvo
				{
					$(":text,textarea").removeAttr("disabled"); // Habilita os textos novamente
					alert(json.msg); // Mostra a mensagem de erro retornada
				}
			}
		});

		return false; // Previne o form de ser enviado pela forma normal
	});

	$(":text,textarea").removeAttr("disabled");
});