powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript удалить или заменить картинку
3 сообщений из 3, страница 1 из 1
Javascript удалить или заменить картинку
    #38502582
veltony
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Помогите, дополнить скрипт.

Есть скрипт загрузки изображений на сервер, с предпросмотром:


//alert(0);
function handleFileSelect(evt,list) {

var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {

if (!f.type.match('image.*')) {
continue;
};
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
var span = document.createElement('span');
span.innerHTML = ['<img class="thumb" src="', e.target.result,
'" title="', escape(theFile.name), '"/>'].join('');
document.getElementById(list).insertBefore(span, null);
};
})(f);
reader.readAsDataURL(f);
}
}
;

document.getElementById('files1').addEventListener('change', function(e){handleFileSelect(e,'list1')}, false);
document.getElementById('files2').addEventListener('change', function(e){handleFileSelect(e,'list2')}, false);
document.getElementById('files3').addEventListener('change', function(e){handleFileSelect(e,'list3')}, false);
document.getElementById('files4').addEventListener('change', function(e){handleFileSelect(e,'list4')}, false);
document.getElementById('files5').addEventListener('change', function(e){handleFileSelect(e,'list5')}, false);



Формы для выбора изображений:


<input name="fileAttach[]" type="file" id="files1" /><br />
<output id="list1"></output>
<input name="fileAttach[]" type="file" id="files2" /><br />
<output id="list2"></output>
<input name="fileAttach[]" type="file" id="files3" /><br />
<output id="list3"></output>
<input name="fileAttach[]" type="file" id="files4" /><br />
<output id="list4"></output>
<input name="fileAttach[]" type="file" id="files5" /><br />
<output id="list5"></output>


Вот рабочий пример:

http://all-html5.narod.ru/3/vrem11.htm


Проблема в следующем:
Если пользователь в одно из полей згрузил не то изображение, то он должен его как-то удалить и загрузить новое,
в скрипте этой возможности нет.
Если в это-же поле он добавит другое изображение, то старое остается.

Помогите, пожалуйста, дополнить этот скрипт.
Если загружено не то изображение то:
Либо удалить ненужное изображение и загрузить новое.
Либо поверх ненужного изображения загрузить новое, а старое, не должно отображаться.

С ув.
...
Рейтинг: 0 / 0
Javascript удалить или заменить картинку
    #38502630
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
veltony,

перед document.getElementById(list).insertBefore можно вставить document.getElementById(list).innerHTML='';

должно заработать как надо.
...
Рейтинг: 0 / 0
Javascript удалить или заменить картинку
    #38502681
veltony
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Програмёр,

Огромное спасибо, всё получилось.
С ув.
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Javascript удалить или заменить картинку
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]