Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ upload pliku przez javascript

Napisany przez: blackstone 7.12.2018, 19:16:28

Rozkminiam zagadnienie przesyłu danych przez Javascript który jest dla mnie czymś nowym. Staram się zrobić maksymalnie jak tylko można prosty działający skrypt by załapać fundament działania. Zrobiłem taki o to skrypt przesyłu plików roździelony na dwie części - 1) index.php - gdzie znajde sie cały frontend i 2) plik.php - plik który zapisuje wszystkie pliki które zostaną do niego wysłane przez $_FILES.


index.php

  1.  
  2. <http://december.com/html/4/element/html.html>
  3. <http://december.com/html/4/element/head.html>
  4.  
  5. <http://december.com/html/4/element/script.html type="text/javascript" src="../jquery.js"></http://december.com/html/4/element/script.html>
  6. <http://december.com/html/4/element/script.html type="text/javascript">
  7.  
  8. function uploader()
  9. {
  10.  
  11. var formData = new FormData();
  12.  
  13. formData.append("myfile", fileInputElement.files[0]);
  14.  
  15. var request = new XMLHttpRequest();
  16. request.open("POST", "plik.php",true);
  17. request.send(formData);
  18.  
  19.  
  20.  
  21. }
  22.  
  23.  
  24.  
  25. </http://december.com/html/4/element/script.html>
  26. </http://december.com/html/4/element/head.html>
  27. <http://december.com/html/4/element/body.html>
  28.  
  29. <http://december.com/html/4/element/input.html type="file" name="myfile"/><http://december.com/html/4/element/br.html/>
  30. <http://december.com/html/4/element/input.html type="submit" onclick="uploader()" value="GO"/>
  31.  
  32. </http://december.com/html/4/element/body.html>
  33. </http://december.com/html/4/element/html.html>
  34.  





plik.php

  1. if(!http://www.php.net/empty($_FILES))
  2. {
  3.  
  4. http://www.php.net/move_uploaded_file($_FILES['myfile']['tmp_name'],$_FILES['myfile']['name']) ;
  5.  
  6. }
  7.  


Próbowałem przesłać pliki przez javascript ale na razie nie ma efektu ( dodam ze skrypt działał poprawnie gdy przesyłałem po za JS). Co powinienem zmienić by udał sie przesył ? Z góry dzięki za odpowiedzi.

Napisany przez: Pyton_000 8.12.2018, 12:21:29

Poczytaj sobie. http://igstan.ro/posts/2009-01-11-ajax-file-upload-with-pure-javascript.html

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)