Preencher nome da imagem

[dr.x 1]

Olá pessoal !

 

Como eu faço para que ao selecionar uma imagem através do file, o campo nome da imagem seja preenchida automaticamente, somente com o nome da mesma ?

 

Desde já agradeço.

 

[Maykel-ctba 233]

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.

[Criquio 19]

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.

[dr.x 1]

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.

[Maykel-ctba 233]

Jquery!

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

[dr.x 1]

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>

[dr.x 1]

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>

[dr.x 1]

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.

[Maykel-ctba 233]

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

Abraço!

[dr.x 1]

Claro meu amigo !!!