Preencher nome da imagem

O nome da imagem será o path sempre?

ex: se a imagem for "image.jpg" o campo Nome deverá receber isso?

Se sim, é só usar Javascript para copiar o conteúdo do nome do que vem no input file para o campo Nome.

Não entendi muito bem. Mas da forma que entendi você pode usar js mas teria que colocar o nome da imagem em outro elemento. Para isso bastaria usar o split para quebrar o endereço pelas barras.

Só para clarear mais para os companheiros:

Eu tenho uma campo: nome da imagem.

Eu tenho um botão tipo file: Escolher o arquivo.

Ao clicar neste botão e selecionar a imagem, eu visualizo a imagem. Quero que após selecionar esta imagem, o nome dela seja preenchido no campo: nome da imagem.

Precisa ser somente o nome da imagem, por exemplo: banner-1 sem o path.

É isso.

Jquery!

$('input[type=file]').change(function(e){
 $('input#imagemNome').val($(this).val());
});

Beleza Maykel.

Ao selecioner a imagem, ainda não está preenchendo o campo input#nome.

Mas o caminho é esse mesmo.

html: <input type="text" name= "nome"/><br /><br />

 

 

<script type="text/javascript" src="js/jquery.js" ></script>

 

<script type="text/javascript">

$(document).ready(function(){
 //$('input[type=file]').change(function(e){
 $('input[type=file]').click(function(e){ //alterei aquí
 $('input#nome').val($(this).val());
 });
});

</script>

Olá Maykel !

Desta forma eu consigo emitir um alerta com o nome do arquivo, porém não consigo inserí-lo no campo input text via jquery. O que será que está faltando ?

<script type="text/javascript">

$( document ).ready( function() {
$( ":file" ).change( function() {
 var c = $( this ).val();
 var nome = c.substring( c.lastIndexOf( "\\" )+1, c.lastIndexOf( "." ) );
 $( "#arquivo" ).val(nome);
 alert(nome);
 $( "#nome" ).text('#arquivo');

 });
});
</script>

Resolvido Amigo.

Dessa forma, após selecionar a imagem, o nome da imagem é inserida no campo input text.

<script type="text/javascript">
$( document ).ready( function() {
$( ":file" ).change( function() {
var c = $( this ).val();
var nome = c.substring( c.lastIndexOf( "\\" )+1, c.lastIndexOf( "." ) );
$( "#arquivo" ).val(nome);
 alert(nome);
 $("#nome").text(nome);
 $("input[name=nome]").val(nome);
 });
});
</script>

Um abraço.

Poderia marcar minha solução como resolvida, então?

Abraço!

Claro meu amigo !!!