Загрузка изображения

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Влад js
проходил мимо

Загрузка изображения

Непрочитанное сообщение Влад js » 2013-05-31 17:09:44

Задача. Загрузить 1 изображение. При новой загрузке заменять предыдущее. Чтоб была только одка картинка.

Код: Выделить всё

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>AJAX File Upload - Web Developer Plus Demos</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ajaxupload.3.5.js"></script>
<link rel="stylesheet" type="text/css" href="./styles.css">
<script type="text/javascript" >
	$(function(){
		var btnUpload=$('#upload');
		var status=$('#status');
		new AjaxUpload(btnUpload, {
			action: 'upload-file.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                    // extension is not allowed 
					status.text('Зааа');
					return false;
				}
				status.text('Загрузка...');
			},
			onComplete: function(file, response){
				//On completion clear the status
				status.text('');
				//Add uploaded file to list
				if(response==="success"){
				      //$("asd").attr("src").replace('./uploads/'+file);
					
                  //$('asd').each( function(){ this.src = ('./uploads/'+file); } );
					// $('asd').setAttribute('src', file)
					
					

  // Удаляем #myDiv1 и #myDiv2 целиком 
                    $('asd').remove();
                     
					$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" id="asd" /><br />'+file).addClass('success');
					//var foo = jQuery('asd'); asd.detach(); //удаляем элемент
				} else{
					$('<li></li>').appendTo('#files').text('Загрузка' + file).addClass('error');
				}
			}
		});
		
	});
	
	


}
</script>
</head>
<body>
<div id="mainbody" >
		<h3>&raquo; AJAX File Upload Form Using jQuery</h3>
		<!-- Upload Button, use any id you wish-->
		<div id="upload" ><span>Выбрать<span></div><span id="status" ></span>
		
	    <ul id="files" ></ul>
		<img src="" alt="" id="asd"><br />
</div>



Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

rayder
лейтенант
Сообщения: 661
Зарегистрирован: 2008-12-18 16:29:43
Откуда: Ukraine/Kiev
Контактная информация:

Re: Загрузка изображения

Непрочитанное сообщение rayder » 2013-05-31 17:39:00

и что?
Человеку свойственно ошибаться, но для нечеловеческих ляпов нужен компьютер.