Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 03.06.2019, 16:31
erich.wanker erich.wanker ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2011
Beiträge: 11
erich.wanker befindet sich auf einem aufstrebenden Ast
Standard addEventListener bei File-Upload ...

Hallo,
ein "EventListener" soll ein File automatisch an ein PHP senden - wenn eine Datei zum uploaden ausgewählt wurde (damit ich nicht auf "Upload" klicken muss)

.. LEIDER FUNKTIONIERT DER NICHT .. das PHP bekommt kein File ...

Vielen Danke für Hilfe
Erich



Hier die zwei minimalisierten Quelltexte:

1. index.html
HTML-Code:
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<input id="myFileInput1" type="file" name="userfile" accept="image/*" capture>


</body>
</html>

<script>
document.addEventListener("DOMContentLoaded", function() {
document.getElementById('myFileInput1').addEventListener('change', sendeBild, false);
});


function sendeBild()  {

var form = document.createElement("form");
form.setAttribute("action","server.php");
form.setAttribute("enctype","multipart/form-data");
form.setAttribute("method","POST");
form.setAttribute("target","_self");
form.innerHTML = '<input type="file" name="userfile"/>';
document.body.append(form);
form.submit();
}

</script>


2. server.php

PHP-Code:
<?php
$uploads_dir 
'uploads/';
$name $_FILES['userfile']['name'];
if (
is_uploaded_file($_FILES['userfile']['tmp_name']))
{       
     
move_uploaded_file($_FILES['userfile']['tmp_name'], $uploads_dir.$name);
     echo 
'Das Ding wurde gespeichert';
     exit;
}

?>

Geändert von erich.wanker (03.06.2019 um 17:48 Uhr)
Mit Zitat antworten
Sponsored Links