zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden addEventListener bei File-Upload ...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.06.2019, 17:31
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 18:48 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.06.2019, 13:52
Benutzerbild von basti1012
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.01.2018
Beiträge: 184
basti1012 befindet sich auf einem aufstrebenden Ast
Standard

so gehr es bei mir

Code:
<!DOCTYPE html>
<html>
<head>
</head>
<body>


</body>
</html>

<script>
sendeBild();

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 id="ok" type="file" name="userfile"/>';
document.body.append(form);


 
document.getElementById('ok').addEventListener('change',function(){
form.submit();
});
 }
</script>
weil dein code kann so nicht gehen weil du ein leeres input sendest. Ich kann nicht gut erklären aber so ungefähr ist es .

Habe das php auch zwar geändert ,aber dein php sollte so auch klappen
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
type="file" bei iphone/ ipad - file upload BoFiaZ (X)HTML 2 04.10.2012 20:22
Empfehlungen: AJAX File Upload mit Progressbar ? da.executor Javascript & Ajax 2 10.03.2009 12:02
file upload schneller machen? Sinclair Serveradministration und serverseitige Scripte 1 25.06.2008 12:47
Upload File formatieren baempf CSS 0 06.09.2007 11:16
File Upload im IE to.ni (X)HTML 6 03.10.2004 19:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:57 Uhr.