[Resolvido] Upload de imagem via ajax

[Ivan Diniz 0]

Caros desenvolvedores,

tenho um humilde administrador de sites. Quando clico para editar abre uma camada com os dados que são obtidos pelo ajax.

Nessa div existe um upload de arquivos. Como ele é carregado via ajax eu poderia usar .on() para chamar a função do upload. Mas não estou sabendo fazer.

$(function(){
var btnUpload=$('#upload');
var status=$('#status');
new AjaxUpload(btnUpload, {

	// Arquivo que fará o upload
	action: '/adm/files/ajaximage.php',
	//Nome da caixa de entrada do arquivo
	name: 'uploadfile',
	onSubmit: function(file, ext){
		 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
               // verificar a extensão de arquivo válido
			status.text('Somente JPG, PNG ou GIF são permitidas');
			return false;
		}
		status.text('Enviando...');
	},
	onComplete: function(file, response){
		//Limpamos o status
		status.text('');
		//Adicionar arquivo carregado na lista
		alert(response);
	}
});

});

 

Como o campo '#upload' foi carregado via ajax essa função de cima não reconhece.

 

Fico agradecido.

[Progjunior Daniel 34]

Eu conheco se a imagem estando numa div. E ai voce faz aparecer a imagem com gif animada.

<div style="left:850px; top:440px; position:relative; display:none;" id="loading">
<img alt="Carregando" title="Carregando" src="loading.gif"/>

</div>
....
//no lugar de status.text('Enviando...'); coloque isso
$('#loading').css({display:"none"});

Ve se ajudou.

[Ivan Diniz 0]

Daniel, obrigado.

 

O que está acontecendo é que não estou conseguindo chamar a função AjaxUpload pois o botão que chama ela foi carregado do ajax. Como chamo a função já que o botão foi carregado do ajax?

 

olá, caros desenvolvedores.

consegui dessa forma a única problema é que funciona quando clica, seria mais vantajoso quando carregasse a div.

$('#preview').live('click',function(){

alert($('#preview'));

var btnUpload=$('#upload');

var status=$('#status');

new AjaxUpload(btnUpload, {

 

// Arquivo que fará o upload

action: '/adm/files/ajaximage.php',

//Nome da caixa de entrada do arquivo

name: 'uploadfile',

onSubmit: function(file, ext){

if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){

// verificar a extensão de arquivo válido

status.text('Somente JPG, PNG ou GIF são permitidas');

return false;

}

status.text('Enviando...');

},

onComplete: function(file, response){

//Limpamos o status

status.text('');

//Adicionar arquivo carregado na lista

alert(response);

}

});

});

[Progjunior Daniel 34]

Voce quer carregar antes de clicar? voce pode colocar, um load(). E colocando o display dela como none. Tenta isso!!!