Enviar imagens em JS

[Gleyson Abreu 49]

Olá amigos, tenho o seguindo código:

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function(){ /* #imagem é o id do input, ao alterar o conteudo do input execurará a função baixo */ $('#imagem').live('change',function(){ $('#visualizar').html('<img src="ajax-loader.gif" alt="Enviando..."/> Enviando...'); /* Efetua o Upload sem dar refresh na pagina */ $('#formulario').ajaxForm({ target:'#visualizar' // o callback será no elemento com o id #visualizar }).submit(); }); }) </script>

<form id="formulario" method="post" enctype="multipart/form-data" action="upload.php"> Foto <input type="file" id="imagem" name="imagem" /> </form> <div id="visualizar"></div>

Da devmedia, é queria saber como so enviar a imagem somente quando ele clicar em um possível botão de ENVIAR já tentei de várias formas mais não conseguir fazer isso então essa minha opção para corre para vocês me salvarem. Agradeço desde Já!

[Lucas Rocha Borges 0]

Organize melhor seu código.. está horrível de visualizar..

[Beuleal 4]

Altere o html... Tire a tag form, crie um <button> e nele coloque um evento de click chamando sua funcao que fara o envio.