Foros del Web » Programando para Internet » Jquery »

Eliminar imagen

Estas en el tema de Eliminar imagen en el foro de Jquery en Foros del Web. Buenas, tengo una duda. ¿que tengo que modificar o agregar a al código que esta en este tutorial: http://tutorialzine.com/2011/09/html...comment-602456 para poder eliminar la imagen (tanto ...
  #1 (permalink)  
Antiguo 08/04/2016, 05:23
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Eliminar imagen

Buenas, tengo una duda.
¿que tengo que modificar o agregar a al código que esta en este tutorial:
http://tutorialzine.com/2011/09/html...comment-602456
para poder eliminar la imagen (tanto de la caja como de la carpeta) una vez que ya la foto ya aparece como que YA se subió, al hacer clic en ella?

Es decir este código sube una imagen que arrastramos a la caja, una vez que sube, sale la imagen con un símbolo de CHECK de que YA SE SUBIÓ, lo que deseo es que cuando haga clic en ella se elimine dicha foto tanto de la carpeta donde la cargue como del div.

Gracias por adelantado
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #2 (permalink)  
Antiguo 18/04/2016, 07:20
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Respuesta: Eliminar imagen

¿Tan dificil es que nadie puede ayudarme?
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #3 (permalink)  
Antiguo 19/04/2016, 11:16
Avatar de No_haynombre  
Fecha de Ingreso: marzo-2016
Ubicación: Zagreb
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 5
Respuesta: Eliminar imagen

Haber si entendi, lo que quieres es que listo suba la imagen y todo, y cuando le vuelvas a dar click se elimine la imagen de la carpeta o de donde se subio? Por que en si todo se resumen en un evento on.Click
__________________
Este es el fin de esta leyenda, escribiendo quemaduras de una luz de vela, soplando el viento desde Siberia. *-Varen Ka-*
  #4 (permalink)  
Antiguo 19/04/2016, 11:25
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Respuesta: Eliminar imagen

Si la idea, ese tutorial te enseña a subir la imagen, y la imagen se sube al servidor.
Lo que me gustaria, es que cuando hago clic sobre la imagena YA subida, se elimine la imagen del servidor y al mismo tiempo desaparezca de ahi del contenedor donde se ve.
¿Si me explico?
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #5 (permalink)  
Antiguo 19/04/2016, 12:40
Avatar de No_haynombre  
Fecha de Ingreso: marzo-2016
Ubicación: Zagreb
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 5
Respuesta: Eliminar imagen

Bueno, ahora si se entiendo un poco mas, entonces ... cuando subes la imagen ya se sube al servidor?, si no primero tendriamos que solucionar eso para despues comenzar a dar pasos mas grandes
__________________
Este es el fin de esta leyenda, escribiendo quemaduras de una luz de vela, soplando el viento desde Siberia. *-Varen Ka-*
  #6 (permalink)  
Antiguo 19/04/2016, 13:26
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Respuesta: Eliminar imagen

Bueno, segun el demo: http://demo.tutorialzine.com/2011/09...ad-jquery-php/

Cuando se sube la imagen, le coloca una imagen encima con un CKECK verde.

El codigo esta en: http://tutorialzine.com/2011/09/html...comment-602456

Pero como no se muy de Jquery, consultaba por aqui a ver si alguien supiera como hacer eso, para eliminar las fotos ya subidas.

Gracias por tu interes y colaboracion
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #7 (permalink)  
Antiguo 19/04/2016, 13:54
Avatar de No_haynombre  
Fecha de Ingreso: marzo-2016
Ubicación: Zagreb
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 5
Respuesta: Eliminar imagen

Gracias.

Mira amigo podrian haber tres opciones, que incorporaras un boton de Eliminar los archivos subidos al SV algo asi como limpiar, o el que te estaba diciendo con un evento on.Click, o con un confirmacion if(confirm) Si se esta seguro de subir el archivo.

Funcion de cada uno:

El evento de eliminar: un boton que elimine todas las fotos que se quieran subir, algo como limpiar la caja de texto.
on.Click: Eliminar una de las fotos con un boton que o bien podria aparecer en la imagen o bien se dandole click.

La confirmacion no es necesaria de explicar.

Y si se tratase de eliminar archivos ya subidos en un SV se requeriria de un Query(base de datos) que busque el archivo por un Id lo traiga y en ves de implementar un CHECK verde implemente un DELETE rojo.. Algo ais
__________________
Este es el fin de esta leyenda, escribiendo quemaduras de una luz de vela, soplando el viento desde Siberia. *-Varen Ka-*

Última edición por No_haynombre; 19/04/2016 a las 13:56 Razón: Errores que nunca me faltan
  #8 (permalink)  
Antiguo 19/04/2016, 16:19
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Respuesta: Eliminar imagen

OK, ¿podrias solo ayudarme con el codigo segun el ejemplo planteado para detectar sobre cual elemento o foto hice clic?
Yo me encargaria del eliminar en la BD y en el servidor.
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)
  #9 (permalink)  
Antiguo 20/04/2016, 06:43
Avatar de No_haynombre  
Fecha de Ingreso: marzo-2016
Ubicación: Zagreb
Mensajes: 67
Antigüedad: 8 años, 1 mes
Puntos: 5
Respuesta: Eliminar imagen

Hola Jeremias.

Ok mira te dejo un codigo que te podra ayudar, Aqui detectara el Click

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('donde_quieres_que_funcione').click(function() {
  3.         $(this).funcion_a_implementar()
  4.     });
  5. });{

donde $('this') es el elemento que clickeas
__________________
Este es el fin de esta leyenda, escribiendo quemaduras de una luz de vela, soplando el viento desde Siberia. *-Varen Ka-*
  #10 (permalink)  
Antiguo 20/04/2016, 08:12
Avatar de Jeremias  
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Respuesta: Eliminar imagen

Bueno gracias igual No_haynombre.
Yo eso si lo manejo, de por si lei que era mejor el:
Cita:
$('#whatever').on('click', function() {
/* your code here */
});
pero la ayuda que necesitaba era justo sobre el codigo del tutorial, porque ya e intentado de todo y lo logro, ya que mis conocimientos en jquery son basico.
Saludos
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:15.