|
|
|
Javascript удалить или заменить картинку
|
|||
|---|---|---|---|
|
#18+
Помогите, дополнить скрипт. Есть скрипт загрузки изображений на сервер, с предпросмотром: //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 Проблема в следующем: Если пользователь в одно из полей згрузил не то изображение, то он должен его как-то удалить и загрузить новое, в скрипте этой возможности нет. Если в это-же поле он добавит другое изображение, то старое остается. Помогите, пожалуйста, дополнить этот скрипт. Если загружено не то изображение то: Либо удалить ненужное изображение и загрузить новое. Либо поверх ненужного изображения загрузить новое, а старое, не должно отображаться. С ув. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 16.12.2013, 18:34 |
|
||
|
Javascript удалить или заменить картинку
|
|||
|---|---|---|---|
|
#18+
veltony, перед document.getElementById(list).insertBefore можно вставить document.getElementById(list).innerHTML=''; должно заработать как надо. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 16.12.2013, 19:25 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38502582&tid=1447545]: |
0ms |
get settings: |
9ms |
get forum list: |
12ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
143ms |
get topic data: |
9ms |
get forum data: |
2ms |
get page messages: |
39ms |
get tp. blocked users: |
1ms |
| others: | 245ms |
| total: | 466ms |

| 0 / 0 |
