<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

При выборе изображения - появляется его превью
14.01.2013 19:51:43 При выборе изображения - появляется его превью Сообщение #1
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

Помогите исправить Script, что-бы можно было загружать только один раз изображения (на данный момент - загружает изображение, но - после первого, можно загружать изображения бесконечно)!Как это исправить, ПОМОГИТЕ!!!

<html>
<head>
<title>При выборе изображения - появляется его превью в указанном месте еще до загрузки.</title>
<style>

.thumb {

height: 75px;

border: 1px solid #000;

margin: 10px 5px 0 0;

}

</style>


</head>
<body>

<br><br><h4>file Image</h4><br<br><input name="fileAttach[]" type="file" id="files1" /><br />

<output id="list1"></output>





<script>

//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);



</script>



<style>
#bn {display:block;}
#bt {display:block;}
</style>

</body>
</html>
Профиль Ответить