существует вот такая форма:
<form name="form">
<input type="file" name="image" id="image" onChange="resize_image()">
</form>
существует вот такой(недоделанный) скрипт:
function resize_image() {
var img = document.form.image;
$(document.getElementById('image')).remove();
var tr = document.getElementById('tr'); //эта строка в таблице
var td = document.createElement('td');
tr.appendChild(td);
td.innerHTML = '<img src='img.value' style="width: 20px;">';
tr.appendChild(td);
}
т.е. я хочу получить путь картинки удалить поле <input type="text"> и в табличке создать ячейку с картинкой которую загрузили в удаленный input.
нашлось 2 проблемы:
1) нельзя получить img.value (как я понял в целях безопасности).
2) <img src="путь" - это ведь путь который будет обращаться на сервер, а не к клиенту.
просьба помочь разобраться, или посоветуйте почитать статью на данную тему
п.с. гуглил, мало что нашел качающегося данных проблем.