Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery ui]wysyłanie zdjecia
Stef@n
post 12.04.2010, 08:34:38
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 3
Dołączył: 14.08.2003

Ostrzeżenie: (0%)
-----

Witam, mam problem dotyczący wysyłania plików na serwer dokładnie zdjęcia.
Używam do tego jQuery UI. Próbuje robić to poprzez metodę POST, która przekazuje do osobnego pliku PHP dane i dodaje je do bazy danych. Wszystko dane się dodają poza wysyłaniem pliku. Jak wykonać tego typu przekazywanie danych z jQuery do PHP aby upload był wykonywany już w pliku PHP? Testować można na http://jokersite.website.pl/test/

Pokazuje kod index.php
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>TEST</title>
  6. <link type="text/css" href="css/start/jquery-ui-1.8.custom.css" rel="stylesheet" />	
  7. <link type="text/css" href="css/styl.css" rel="stylesheet" />
  8. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  9. <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
  10. <script type="text/javascript">
  11. $(function() {
  12. 	$("#dialog").dialog("destroy");
  13.  
  14. 	var wpis = $("#wpis"), 
  15. 		zdjecie = $("#zdjecie"), 
  16. 		allFields = $([]).add(wpis).add(zdjecie),
  17. 		tips = $(".validateTips");
  18.  
  19. 	function updateTips(t) {
  20. 		tips
  21. 			.text(t)
  22. 			.addClass('ui-state-highlight');
  23. 		setTimeout(function() {
  24. 			tips.removeClass('ui-state-highlight', 1500);
  25. 		}, 500);
  26. 	}
  27.  
  28. 	function checkLength(o,n,min,max) {
  29. 		if ( o.val().length > max || o.val().length < min ) {
  30. 			o.addClass('ui-state-error');
  31. 			updateTips("" + n + ": musi mieć od "+min+" do "+max+" znaków.");
  32. 			return false;
  33. 		} else {
  34. 			return true;
  35. 		}
  36. 	}
  37.  
  38. 	function checkRegexp(o,regexp,n) {
  39. 		if ( !( regexp.test( o.val() ) ) ) {
  40. 			o.addClass('ui-state-error');
  41. 			updateTips(n);
  42. 			return false;
  43. 		} else {
  44. 			return true;
  45. 		}
  46. 	}
  47.  
  48. 	$("#formularz").dialog({
  49. 		autoOpen: false,
  50. 		height: 450,
  51. 		width: 450,
  52. 		modal: true,
  53. 		buttons: {
  54. 			'Dodaj wpis...': function() {
  55. 				var bValid = true;
  56. 				allFields.removeClass('ui-state-error');
  57.  
  58. 				bValid = bValid && checkLength(wpis,"Wpis",3,40); //sprawdzanie znaków łańcucha
  59.  
  60. 				if (bValid) {
  61. 					$.post("plik.php", { 
  62. 						wpis: wpis.val(), 
  63. 						zdjecie: zdjecie.val()
  64. 					}); 
  65. 					$('#users').load('index.php #users');
  66. 					$(this).dialog('close');						
  67. 				}
  68. 			},
  69. 			Wyjdź: function() {
  70. 				$(this).dialog('close');
  71. 			}
  72. 		},
  73. 		close: function() {
  74. 			allFields.val('').removeClass('ui-state-error');
  75. 		}
  76. 	});
  77.  
  78. 	$('#dodaj_wpis')
  79. 		.button()
  80. 		.click(function() {
  81. 			$('#formularz').dialog('open');
  82. 		});
  83.  
  84. });
  85. </script>
  86. </head>
  87. <body>
  88. <div id="formularz" title="Formularz">
  89. 	<p class="validateTips">Prosimy o uzupełnienie formularza.</p>
  90. 	<form enctype="multipart/form-data">
  91. 	<label for="wpis"><b>Wpis:</b></label>
  92. 	<input type="text" name="wpis" id="wpis" class="text ui-widget-content ui-corner-all" />
  93. 	<label for="zdjecie"><b>Zdjęcie</b> (tylko format *.jpg):</label>
  94. 	<input type="file" name="zdjecie" id="zdjecie" size="60" />
  95. 	</form>	
  96. </div>
  97. <button id="dodaj_wpis">Dodaj wpis...</button>
  98. <div id="users-contain" class="ui-widget">
  99. <div id="users">
  100. 	<table class="ui-widget ui-widget-content">
  101. 		<thead>
  102. 			<tr class="ui-widget-header ">
  103. 				<th>Wpis</th>
  104. 				<th>Zdjecie</th>
  105. 			</tr>
  106. 		</thead>
  107. 		<tbody>
  108. <?php 
  109. //POŁĄCZENIE Z BAZA
  110.  
  111. $zapytanie = mysql_query("SELECT * FROM test2");
  112. 	while ($rekord = mysql_fetch_array ($zapytanie)) { 
  113. ?>
  114. 			<tr>
  115. 				<td><?php echo $rekord['wpis'] ?></td>
  116. 				<td><a target="_blank" href="<?php echo $rekord['zdjecie'] ?>">Zobacz</a></td>
  117. 			</tr>
  118. <?php } ?>
  119. 		</tbody>
  120. 	</table>
  121. </div>
  122. </div>
  123. </body>
  124. </html>
[HTML] pobierz, plaintext


kod plik.php
[PHP] pobierz, plaintext 
  1. <?php
  2. //POŁĄCZENIE Z BAZA
  3.  
  4. if($_POST['wpis']) {
  5. 	$filename = $_FILES["zdjecie"]["name"];
  6. 	move_uploaded_file($_FILES['zdjecie']['tmp_name'],"$filename");
  7. 	mysql_query("INSERT INTO test2 (id, wpis, zdjecie) VALUES ('', '{$_POST['wpis']}', '$filename');");
  8. }
  9. ?>
[PHP] pobierz, plaintext


Pozdrawiam i bardzo proszę o rade...
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn