HTML/Javascript usunąć dane z img atrybutu src

Question

mam pustą img w moją stronę <img ... src=""/>

Gdy wystąpi zdarzenie ustawić atrybut img do inline png dane:

<img ... src="data:image/png;base64,..."/>

Kiedy innego zdarzenia ustawić SRC do nic (usuń img): myImg.src = ""

problemem jest: IMG nie przeładować kiedy ustawić SRC do niczego. Jeśli ukryję plik IMG, poczekaj chwilę i pokaż go ponownie działa, ale jest to brzydkie włamanie ...

PS: Nie chcę ustawiać domyślnego "pustego" obrazu Potrzebuję go, aby był naprawdę pusty (src = "").

Edit: Moje javascript:

biometria.setImage = function(png) { 
    if(png) 
     bioCanvas.src = 'data:image/png;base64,' + png; 
    else 
     bioCanvas.src = ''; 
}; 

Edit2: Przeglądarka: Google Chrome 18.0.1025.162 Ubuntu 12.04

Answer 1

Technicznie tag obraz musi posiadać atrybut src, i to ma NIE być pustym. Jednak W3C specification nie jest jasne, jak obsługiwać przypadki, gdy atrybut src jest pusty. W rezultacie każda przeglądarka radzi sobie z tą sytuacją nieco inaczej.

Istnieje naprawdę sporo problemów, które mogą wynikać z tego braku specyfikacji, twój jest tylko jednym z nich. Bardziej szczegółowe spojrzenie na ten problem można znaleźć here.

Jak zauważyli inni, znacznie lepiej jest ukryć/pokazać obraz za pomocą CSS (albo widoczność: brak, jeśli chcesz zachować zajmowaną przestrzeń, albo wyświetlaj: brak, jeśli chcesz, aby obraz całkowicie zniknął) . Możesz też po prostu usunąć cały tag obrazu za pomocą JS i utworzyć nowy obraz, gdy chcesz go wstawić.

Answer 2

Proponuję zastąpić obraz nowym. W jQuery można zrobić coś takiego:

$('#yourImage').replaceWith('<img src="" id="yourImage" />'); 

Answer 3

obsłużyć ten problem przez rozdmuchiwanie kodu i pracy dla mnie:

document.getElementById('tst').removeAttribute('src');