Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - Problema con upload file
Forum - Javascript - Problema con upload file

Avatar
giocala88 (Normal User)
Expert


Messaggi: 248
Iscritto: 23/04/2008

Segnala al moderatore
Postato alle 12:49
Venerdė, 19/09/2014
Salve ragazzi come da titolo ho un problema con l'upload del file. Posto il codice:
Form
Codice sorgente - presumibilmente Plain Text

  1. <form id="file-form" action="handle_file_upload.php" method="POST">
  2.   <input type="file" id="file-select" name="photos[]" multiple/>
  3.   <button type="submit" id="upload-button">Upload</button>
  4. </form>



.js
Codice sorgente - presumibilmente Delphi

  1. var form = document.getElementById('file-form');
  2. var fileSelect = document.getElementById('file-select');
  3. var uploadButton = document.getElementById('upload-button');
  4. form.onsubmit = function(event) {
  5.   event.preventDefault();
  6.  
  7.   // Update button text.
  8.   uploadButton.innerHTML = 'Uploading...';
  9.  
  10.   // The rest of the code will go here...
  11. }
  12.  
  13. // Get the selected files from the input.
  14. var files = fileSelect.files;
  15.  
  16. // Create a new FormData object.
  17. var formData = new FormData();
  18.  
  19. // Loop through each of the selected files.
  20. for (var i = 0; i < files.length; i++) {
  21.   var file = files[i];
  22.  
  23.   // Check the file type.
  24.   if (!file.type.match('image.*')) {
  25.     continue;
  26.   }
  27.  
  28.   // Add the file to the request.
  29.   formData.append('photos[]', file, file.name);
  30. }
  31.  
  32. // Files
  33. formData.append(name, file, filename);
  34.  
  35. // Blobs
  36. formData.append(name, blob, filename);
  37.  
  38. // Strings
  39. formData.append(name, value);
  40.  
  41. // Set up the request.
  42. var xhr = new XMLHttpRequest();
  43.  
  44. // Open the connection.
  45. xhr.open('POST', 'handle_file_upload.php', true);
  46.  
  47. // Set up a handler for when the request finishes.
  48. xhr.onload = function () {
  49.   if (xhr.status === 200) {
  50.     // File(s) uploaded.
  51.     uploadButton.innerHTML = 'Upload';
  52.   } else {
  53.     alert('An error occurred!');
  54.   }
  55. };
  56.  
  57. // Send the Data.
  58. xhr.send(formData);



.php
Codice sorgente - presumibilmente Javascript

  1. <?php
  2. if(move_uploaded_file($_FILES['photos']["tmp_name"], "upload/".$_FILES['photos']['name'])) {
  3.  
  4.         echo 'Ok';
  5. } else {
  6.         echo 'NONE';
  7. }
  8.  
  9. ?>





In pratica succede che: il button resta fisso su Uploading... e non carica il file nella cartella upload/.
Dove sbaglio? :(

Grazie



PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 15:17
Venerdė, 19/09/2014
Aggiungi:

Codice sorgente - presumibilmente Plain Text

  1. enctype="multipart/form-data"



Al tag form.


Il mio blog: https://piero.dev
PM Quote