PHP File-Upload funktioniert nicht wegen JQuery Mobile

forumnewbie · 23. Mai 2015

Hallo,

ich habe einen PHP Code für File-Upload auf dieser Webseite gefunden: http://www.w3schools.com/php/php_file_upload.asp und dieser funktioniert einwandfrei (angepasst für TXT-Dateien).
Es gibt aber ein Problem. Sobald ich JQuery Mobile Design für die Buttons im Header einbinde, funktioniert das Beispiel von der Webseite nicht mehr. Ich werde auf eine leere upload.php weitergeleitet. Die Webseite ist leer - ohne Inhalt und ohne Fehlermeldungen.
Warum funktioniert der PHP-Code wegen JQuery Mobile nicht mehr und wie kann man das Problem lösen? Ich habe andere Beispiele mit JQuery/AJAX File Upload gefunden, aber diese nicht verstanden und konnte sie deswegen nicht zum Laufen bringen. Falls es nur mit JQuery/AJAX geht, könnte mir bitte jemand verständlich zeigen/erklären wie?

Danke!

Sempervivum · 24. Mai 2015

Poste doch mal die URL deiner Seite, damit man es sich ansehen kann.

Basi · 24. Mai 2015

Zitat von forumnewbie

Warum funktioniert der PHP-Code wegen JQuery Mobile nicht mehr und wie kann man das Problem lösen?

Woher sollen wir das wissen? Wir kennen deinen Code nicht...

forumnewbie · 24. Mai 2015

Das habe ich doch. Gleich im ersten Satz ist der Direktlink nach dem Wort "gefunden:" zu dem Code von der w3schools Seite. Könnte ihr das wirklich nicht sehen? Ich sehe das sogar auf meinem Smartphone. Ich habe ein Screenshot von meiner Frage gemacht (siehe bitte Anhang). Dort ist die Url eindeutig zu erkennen - zumindest bei mir auf allen Geräten. Was steht bei euch nach dem Wort "gefunden:"?

PS: Die Seite mit dem Code findet man auch, wenn man auf der w3schools Seite "PHP 5 File Upload" bei der Suche eingibt.

lauras · 24. Mai 2015

Es geht aber um deinen Code, nicht um den von w3schools.. erstens schreibst du selber, dass du ihn angepasst hast (demnach ist es also nicht mehr der gleiche Code..) und zweitens gibts es auf w3schools glaube ich deinen restlichen Code, der z.B. die jQuery Mobile Implementation enthaelt..

forumnewbie · 24. Mai 2015

Hallo, ich habe PHP-Code nur gekürzt und JPG durch TXT ersetzt. Sobald ich Head mit JQuery einfüge, funktioniert der PHP Code nicht mehr -> leere Seite. Ich will die HTML Seite ausbauen und brauche JQuery Mobile Design.

Hier "mein" Code:

HTML

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<form action="file_uploader.php" method="post" enctype="multipart/form-data">
	Select text file to upload:
	<input type="file" name="fileToUpload" id="fileToUpload">
	<input type="submit" value="Upload Txt File" name="submit">
</form>




</body>
</html>

Alles anzeigen

PHP

<?php
$target_dir = "./";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$FileType = pathinfo($target_file,PATHINFO_EXTENSION);







// Check if file already exists
if (file_exists($target_file)) {
	echo "Sorry, file already exists.";
	$uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 500000) {
	echo "Sorry, your file is too large.";
	$uploadOk = 0;
}




// Allow certain file formats
if($FileType != "txt") {
	echo "Sorry, only txt files are allowed.";
	$uploadOk = 0;
}




// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
	echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
	if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
    	echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
	} else {
    	echo "Sorry, there was an error uploading your file.";
	}
}
?>

Alles anzeigen

Nochmal meine Frage von oben:

Zitat

Warum funktioniert der PHP-Code wegen JQuery Mobile nicht mehr und wie
kann man das Problem lösen? Ich habe andere Beispiele mit JQuery/AJAX
File Upload gefunden, aber diese nicht verstanden und konnte sie
deswegen nicht zum Laufen bringen. Falls es nur mit JQuery/AJAX geht,
könnte mir bitte jemand verständlich zeigen/erklären wie?

Danke!

Basi · 24. Mai 2015

Meines Wissens nach wird jQuery mobile erst aktiv wenn man seine Elemente mit entsprechenden data-tags versieht oder diese per eigenem Javascript manipuliert.

Wenn ich mich irre tut es mir leid, wenn nicht dann würde dein Code (in dem Umfang wie du ihn zeigst) von jQuery definitiv nicht beeinflusst werden, das Problem liegt also woanders oder es fehlt nach wie vor Code.

Bitte auch mal hier gucken:Fehlermeldungen finden

forumnewbie · 24. Mai 2015

Mehr Code habe ich doch nicht...
Nimm doch bitte den Code 1 zu 1 von dem Tutorial und füge dort einfach JQuery Mobile Design hinzu.
Das habe ich auch in meiner Frage gleich am Anfang geschrieben (Mit dem Wort Webseite meine ich die Webseite mit dem Tutorial. Eine andere Webseite habe ich nicht. Ich baue meine Webseite lokal - xampp) :

Zitat

Sobald ich JQuery Mobile Design für die Buttons im Header einbinde,
funktioniert das Beispiel von der Webseite nicht mehr. Ich werde auf
eine leere upload.php weitergeleitet. Die Webseite ist leer - ohne
Inhalt und ohne Fehlermeldungen.

lauras · 24. Mai 2015

Und warum genau sollten wir uns jetzt mit jQuery mobile beschaeftigen wenn du es offensichtlich ja schonmal eingebunden hast aber du dich aus irgendeinem Grund weigerst, uns eben den Code zur Verfügung zu stellen, wie du es eingebunden hast?
Du musst doch irgendwo in deinem Code jQuery mobile eingebunden haben - wenn nicht, dann ist es auch nicht eingebunden und kann demnach den Fehler wohl nur schwer verursachen.

forumnewbie · 24. Mai 2015

Ich habe doch meinen kompletten Code inklusive JQuery Mobile im Header gepostet!
Ich habe NUR IM HEADER der HTML-Seite (wo ich meine Datei auswählen kann) den Verweis auf JQuery Mobile gemacht, weil ich das Design der Webseite damit machen MÖCHTE. Mehr habe ich noch nicht gemacht! Sobald ich diesen Header einfüge - den ich hier gepostet habe - funktioniert Upload nicht mehr. Habe ich irgendein Tag vergessen zu schließen? Ich finde keinen Fehler.

Ich habe jetzt der PHP-Seite mit dem PHP-Code die <html> und <body> Tags verpasst und mein Browser zeigt mir jetzt endlich eine Fehlermeldung:

Notice: Undefined index: fileToUpload

Sobald ich den Verweis in der HTML Seite auf JQuery Mobile mache, kann die Seite mit PHP-Code mit $_FILES["fileToUpload"] nichts mehr anfangen. Wenn ich den Verweis in der HTML Seite auskommentiere, geht alles wieder.

Sempervivum · 24. Mai 2015

Hallo,
jQuery-Mobile arbeitet ein Formular intensiv um, wie Du sehen kannst, wenn Du dir das HTML z. B. mit Firebug ansiehst. Näheres zur Verwendung von Formularen bei jQuery-Mobile kannst du hier nachlesen:
http://demos.jquerymobile.com/…ocs/forms/docs-forms.html
Beherzigt man den zitierten Hinweis, funktioniert alles.

Zitat

File Inputs

Using a multipart form with a file input is not supported by ajax. In this case you should decorate the parent form with data-ajax="false" to ensure the form is submitted properly to the server.

forumnewbie · 24. Mai 2015

@Sempervivum

Endlich! Danke Dir! Und danke auch, dass du meine Frage/Antworten gelesen und nicht wie andere nur überflogen hast.

Basi · 24. Mai 2015

Danke für die Kritik.

Ebenso wie du ein Tool nutzt obwohl du seine Dokumentation nur überflogen hast. Bei speziellen Frameworks zu helfen ist leider nicht immer so einfach, dafür muss man damit nämlich bereits intensiver gearbeitet haben.

Sempervivum · 24. Mai 2015

jQuery Mobile ist aber auch nicht so ganz ohne. Ich bin mal daran gescheitert, als ich damit eine Seite machen wollte, wo man Unterseiten durch horizontales Wischen fortschalten kann. Habe es aufgegeben und eine andere Lösung genommen. jQuery finde ich wesentlich einfacher, dort reichen geringe Grundkenntnisse und man kann sich das, was man gerade braucht, aus der Doku herausziehen.

PHP File-Upload funktioniert nicht wegen JQuery Mobile

Jetzt mitmachen!

Teilen