Skip to main content
4 de 4
añadida la respuesta de ID 1987 como contenido suplementario
Konamiman
  • 5.3k
  • 2
  • 25
  • 44

¿Cómo enviar una imagen o archivo fijo a un input file?

Deseo adjuntar un archivo a un input de tipo file, pero sin apretar el botón examinar. La idea es que cuando me cargue la página en el $(document).ready(), me aparezca el archivo ya adjuntado, sin tener que estar apretando el botón examinar.

Lo que he intentado hacer es lo siguiente:

$('#file_adj').val("../Uploaded_Files/can.txt" );

Pero me arroja el siguiente error en el navegador:

Uncaught InvalidStateError: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

Cuando se trata de enviar texto, no hay problema, pero en este caso, cuando son archivos o imágenes ¿Cómo se debería hacer?


Normalmente paso los datos de un boton del data table al modal así:

<a href="#" data-toggle="modal" data-target="#modal_noticia_editar" data-noticiaid='<%: item.IdNoticia%>' data-titulo='<%: item.TituloNoticia%>' data-descripcion='<%: item.DescripcionNoticia%>'  class="noticia_edit">Editar</a>

En el evento click del modal, los recibe asi:

$('.noticia_edit').click(function (e) {
    e.preventDefault();
    NoticiaID = $(this).data('noticiaid');
    Titulo = $(this).data('titulo');
    Descripcion = $(this).data('descripcion');
    $("#modal_noticia_editar input[name=noticiaid]").val(NoticiaID);
    $("#modal_noticia_editar input[name=titulo]").val(Titulo);
    
    $("#modal_noticia_editar input[id=Descripcion_edit]").val(Descripcion);
});

pero cuando es foto, como sería?.

introducir la descripción de la imagen aquí

Cuando es ingresar ningún problema, pero cuando es editar, esperaría lo mismo, que se cargara las imagenes

Danilo
  • 2.5k
  • 6
  • 51
  • 103