change - Borrar un IMG con jQuery

jquery img src value

Question

Estoy tratando de eliminar la imagen cargada de un elemento <img> , pero borrar o eliminar el src no lo hace. ¿Qué hacer?

HTML:

<img src=''https://www.google.com/images/srpr/logo3w.png''>

JQUERY:

$(''img'').attr(''src'', ''''); // Clear the src
$(''img'').removeAttr(''src'');​ // Remove the src

La imagen permanece ...

violín: http://jsfiddle.net/6x9NZ/

Answer 1

Eliminar el nodo usando

$("img").remove()

o simplemente esconde la imagen usando

$("img").hide()

Answer 2

En lugar de mostrar la imagen rota mientras configura "src" a "#" , hay una solución, por lo que puede configurar el atributo alt para el texto deseado:

 $(''#thumbnialPreviewImage'').attr(''src'', ''#'');
 $(''#thumbnialPreviewImage'').attr(''alt'', ''Please Select Image'');

Answer 3

Esto funcionó para mí. Reemplazar el atributo de imagen src dentro de div ''custom_preview_image'' a blanco

field = jQuery(this).closest(''td'').find(''.custom_repeatable li:last'').clone(true); field.find(''.custom_preview_image'').removeAttr(''src'').end();

Answer 4

Esto funcionó para mí:

var $image = $(''.my-image-selector'');
$image.removeAttr(''src'').replaceWith($image.clone());

Sin embargo, tenga cuidado con los controladores de eventos que pueda haber adjuntado a la imagen. Siempre están las opciones withDataAndEvents y deepWithDataAndEvents para jQuery clone , pero no he probado el código con ellas: http://api.jquery.com/clone/#clone-withDataAndEvents

Además, si desea hacer esto para múltiples imágenes, probablemente tendrá que usar algo como jQuery cada una .

Publiqué una respuesta idéntica sobre una pregunta similar: la configuración del atributo src de imagen no funciona en Chrome

Answer 5

Puedes hacerlo. Primero asigne una ID a la imagen

<img id=''image_id'' src=''https://www.google.com/images/srpr/logo3w.png''>

Y luego elimine el atributo fuente.

jQuery(''#image_id'').removeAttr(''src'')
jQuery(''#image_id'').show();

Answer 6

Si aún desea que el elemento ocupe el espacio, pero al ser invisible, cúbralo con css. Dale a tu imagen una clase o ID y ocúltalo como sigue:

<img id=''hide'' src=''https://www.google.com/images/srpr/logo3w.png''>

$(''#hide'').css(''visibility'', ''hidden'');

Answer 7

Tendría que remove el elemento <img> completo o reemplazarlo con una imagen diferente (que podría ser un gif transparente).

Answer 8

la mejor manera es reemplazar la imagen por otra. me refiero a que en lugar de limpiar el src, establezca un valor falso como .attr (''src'', ''notting''); no cargará ninguna imagen y la versión almacenada en caché de la imagen anterior desaparecerá

Answer 9

qué hay de simplemente ocultar un elemento:

$(''img'').hide();

No puedes eliminar una imagen de una etiqueta. Cuando usas jQuery, ten en cuenta que no tratas con etiquetas, manupulas con elementos DOM. Por lo tanto, su etiqueta en términos de jquery no es una etiqueta, es un objeto, un elemento DOM. Y este elemento no es una etiqueta, ES un elemento que representa una imagen en DOM. Entonces, si quieres ocultar una imagen, debes ocultar el elemento.