Also ich wähle die Bilder aus - A-B-C-D-E, angezeigt werden sie aber durcheinander. Beim hochladen sind sie aber wieder in der richtigen Reihenfolge.
ID's bekommen die Bilder schon, aber wie kann ich sie vollständig laden, bevor sie angezeigt werden?
Ja, dafür fordere ich wirklich Respekt - dass ich die lokalen Seiten verlinkt habe
. Jetzt sollte es gehen.
Hallo,
ich bin dabei mir ein Bilder-Uploader mit Vorschau und Sortierfunktion zu bauen. Mehr oder weniger klappt das schon ganz gut, doch ein großes Problem nervt mich - offenbar wenn die Dateigröße zu hoch ist: wähle ich mehrere Bilder von der Festplatte aus und treffe die Auswahl zu schnell, werden die Bilder nicht in der richtigen Reihenfolge angezeigt, sondern vermutlich danach sortiert, wie sie geladen werden.
Gucke HIER
HIER habe ich mal ein paar Fotos hochgeladen, mit denen es nicht klappt.
Ja, offenbar bin ich wirklich zu blöd - auch wenn das eigentlich nur eine rhetorische frage war 
Das Formular habe ich einfach nicht beachtet, stattdessen die Lösung die ganze Zeit im JavaSricpt gesucht.
Danke
Hallo,
ich will mir ein Bilder-Upload bauen. "Anleitungen" dazu gibt es mehr als genug im Netz - mit Dateinamen- und Größen-Anzeige, mit Bildvorschau etc, etc. Doch ausgerechnet da, wo es spannend wird, beim wirklichen Upload, hören alle Anleitungen auf. Oder bin ich zu blöd?
Hier gibt es diverse Vorschau-Möglichkeiten. Aber wie kann ich nun diese Dateien wirklich hochladen? Oder anders ausgedrückt, das Hochladen ist schon klar, aber wie übergebe ich die Daten an die Upload.php?
wenn ich das dann vmt. nicht selbst weiterverwenden kann).
Ja, das kenne ich. Daher habe ich mir diese alte Seite ausgegraben und zumindest einen Zusammenhang zu erkennen bei dem was ich da mache
Das mit rand() funktioniert! Was ganz ähnliches hatte ich schon mit microtime() versucht, beim Zurückleiten auf die sortieren.php. An die Fotos habe ich gar nicht gedacht.
Das andere hier mit Ajax und JS hört sich allerdings schon in sofern besser an, weil es mir bei der ganzen Seite darum geht, was mit jQuery etc, möglich ist. Eigentlich ist nicht wirklich geplant, die Seite jemals online zu stellen.
Ich werde mich bei Zeiten noch mal mit JSON und Ajax usw. beschäftigen. Vielleicht hat ja jemand Lust und viel, viel Zeit um ein paar Code-Zeilen zu meinem Beispiel zu schreiben. Aber ich werde mir das dann, wie gesagt, auch erst später angucken.
Auf jeden Fall Danke für Eure Hilfe und danke timtim
Und keiner hat bemerkt, dass das ganze gar nicht richtig funktioniert??? Es wurde total falsch sortiert.
Ich habe es jetzt noch mal neu gemacht, aber immer noch ein Problem, welches mir langsam den letzten Nerv kostet. Wenn ich das Formular abschicke wird die Seite anschließend wohl nicht neu geladen und mir wird wieder die ursprüngliche Sortierung angezeigt. Erst wenn ich manuell die Seite neu lade, bekomme ich die neue Sortierung zu sehen. Ich habe es mit headers versucht
header("Cache-Control: post-check=0, pre-check=0", FALSE);
header("Cache-Control: no-cache, must-revalidate");
header("Refresh:0; url=sortieren.php?ArtNr=" . $ArtNr);und auch mit meta-tags
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">aber nichts funktioniert.
Hier mal der Quellcode:
sortieren.php
<ul id="sortable">
<?php
$old_files = array();
$bilder_verzeichnis = "../images/waren/" . $ArtNr . "/";
if(is_dir($bilder_verzeichnis)) { // existiert das Verzeichnis?
$old_files = scandir($bilder_verzeichnis); // Dateinamen in Array einfügen
$old_files_count = count($old_files)-2; // Zählt die Bilder im Array Minus zwei wegen "." und ".." Arrayinhalt zählen
$old_files_netto = $old_files_count / 3; // dividiert durch 3 (XL , L , M)
$old_files_M = array_slice($old_files, $old_files_netto + 2, $old_files_netto); // Gibt nur die M_-Bilder zurück
}
for($i = 0; $i < count($old_files_M); $i++){
$letter = chr($i + 97);
?>
<li id="<?php echo $letter ?>" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="<?php echo $bilder_verzeichnis . $old_files_M[$i] ?>"></li>
<?php
}
?>
</ul>
<form action='sort_psg.php?ArtNr=<?php echo $ArtNr ?>' method='POST'>
<input id='inputvalue' type='hidden' name='newsort' value='' />
<input type='submit' value='Sortierung Speichern' />
</form>Sieht in reinem HTML dann so aus:
<ul id="sortable">
<li id="a" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010a.jpg"></li>
<li id="b" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010b.jpg"></li>
<li id="c" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010c.jpg"></li>
<li id="d" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010d.jpg"></li>
<li id="e" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010e.jpg"></li>
<li id="f" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010f.jpg"></li>
<li id="g" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010g.jpg"></li>
<li id="h" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010h.jpg"></li>
<li id="i" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010i.jpg"></li>
<li id="j" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010j.jpg"></li>
<li id="k" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010k.jpg"></li>
<li id="l" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010l.jpg"></li>
</ul>
<form action='sort_psg.php?ArtNr=fu0010' method='POST'>
<input id='inputvalue' type='hidden' name='newsort' value='' />
<input type='submit' value='Sortierung Speichern' />
</form>sort_psg.php
<?php
$ArtNr = $_GET["ArtNr"];
$bilder_verzeichnis = "../images/waren/" . $ArtNr . "/";
// Übernahme der Sortierung aus jQuery
$sortArray = explode(",",$_POST['newsort']??"");
// Verzeichnis wird eingelesen
$files = scandir($bilder_verzeichnis); // Dateinamen in Array einfügen
$files_count = count($files)-2; // Zählt die Bilder im Array Minus zwei wegen "." und ".." Arrayinhalt zählen
$files_netto = $files_count / 3; // dividiert durch 3 (XL , L , M)12
$files_M = array_slice($files, $files_netto + 2, $files_netto); // Gibt nur die M_-Bilder zurück
// Buchstaben in ganze Dateinamen umbenennen und in Array schreiben
// Größenangabe (M_) entfernen
for($i = 0; $i < count($sortArray); $i++){
$nameArray[] = $ArtNr . $sortArray[$i] . ".jpg";
$filesNew[] = substr($files_M[$i], -11);
}
// alte und neue Dateinamen werden gegenüber gestellt
$new_old = array_combine($filesNew, $nameArray);
// alte und neue Dateinamen werden ausgelesen, Alte werden in Neue umbenannt mit Endung .tmp
// neue Dateinamen werden in Array geladen
$nnArray = array();
foreach($new_old AS $oldName => $newName){
$new_Name_L = $bilder_verzeichnis . "L_" . $newName;
$old_Name_L = $bilder_verzeichnis . "L_" . $oldName . ".tmp";
$new_Name_M = $bilder_verzeichnis . "M_" . $newName;
$old_Name_M = $bilder_verzeichnis . "M_" . $oldName . ".tmp";
$new_Name_XL = $bilder_verzeichnis . "XL_" . $newName;
$old_Name_XL = $bilder_verzeichnis . "XL_" . $oldName . ".tmp";
rename($new_Name_L, $old_Name_L);
rename($new_Name_M, $old_Name_M);
rename($new_Name_XL, $old_Name_XL);
$nnArray[] = $old_Name_L;
$nnArray[] = $old_Name_M;
$nnArray[] = $old_Name_XL;
}
// Endung .tmp wird entfernt
foreach($nnArray AS $name_tmp){
$notmp = substr($name_tmp, 0, -4);
rename($name_tmp , $notmp);
}
header("Cache-Control: post-check=0, pre-check=0", FALSE);
header("Cache-Control: no-cache, must-revalidate");
header("Refresh:0; url=sortieren.php?ArtNr=" . $ArtNr);
?>Mit dem Tipp von timtim war der Rest gar nicht so schwer. Lässt sich aber vielleicht noch etwas optimieren.
<ul id="sortable">
<li id="a" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010a.jpg"></li>
<li id="b" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010b.jpg"></li>
<li id="c" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010c.jpg"></li>
<li id="d" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010d.jpg"></li>
<li id="e" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010e.jpg"></li>
<li id="f" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010f.jpg"></li>
<li id="g" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010g.jpg"></li>
<li id="h" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010h.jpg"></li>
<li id="i" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010i.jpg"></li>
<li id="j" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010j.jpg"></li>
<li id="k" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010k.jpg"></li>
<li id="l" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><img src="../images/waren/fu0010/M_fu0010l.jpg"></li>
</ul>
<form action='sortieren.php?ArtNr=fu0010' method='POST'>
<input id='inputvalue' type='hidden' name='newsort' value='' />
<input type='submit' value='Sortierung Speichern' />
</form><?php
$bilder_verzeichnis = "../images/waren/" . $ArtNr . "/";
$tmp_verzeichnis = "../images/waren/" . $ArtNr . "/tmp/";
if(is_dir($bilder_verzeichnis)) { // existiert das Verzeichnis?
$files = scandir($bilder_verzeichnis); // Dateinamen in Array einfügen
$files_count = count($files)-2; // Zählt die Bilder im Array Minus zwei wegen "." und ".." Arrayinhalt zählen
$files_netto = $files_count / 3; // dividiert durch 3 (XL , L , M)
$files_XL = array_slice($files, $files_netto * 2 + 2); // Gibt nur die XL_-Bilder zurück
}
// Übernahme der Sortierung aus jQuery
$sortArray = explode(",",$_POST['newsort']??"");
// Größenangabe (XL) wird entfernt
$files_new = array();
foreach($files_XL AS $filesName){
$files_name = substr($filesName, -11);
$files_new[] = $files_name;
}
// Prüfen ob eine Sortierung stattgefunden hat
if(isset($_POST['newsort'])){
$c = array_combine($files_new, $sortArray);
// temporäres Verzeichnis erstellen und umbenannte Dateien hineinkopieren
mkdir($tmp_verzeichnis , 0777);
foreach($c AS $oldName => $newName){
$oldName = $bilder_verzeichnis . "XL_" . $oldName;
$newName = $tmp_verzeichnis . "XL_" . $ArtNr . $newName . ".jpg";
copy($oldName , $newName);
}
// Dateien aus tmp-Verzeichnis in Array schreiben
$newFiles = scandir($tmp_verzeichnis);
$newFiles = array_slice($newFiles , 2);
// neue Dateien in altes Verzeichnis kopieren (bestehende Dateien werden überschrieben)
foreach($newFiles AS $neueDateien){
copy($tmp_verzeichnis . $neueDateien , $bilder_verzeichnis . $neueDateien);
unlink($tmp_verzeichnis . $neueDateien);
}
// temporäres Verzeichnis löschen
rmdir($tmp_verzeichnis);
}
?>$(function() {
$('#sortable').sortable({
update: function(event, ui) {
var productOrder = $(this).sortable('toArray').toString();
$('input[name="newsort"]').val(productOrder);
}
});
});Super, genau das habe ich gesucht. Jetzt muss ich mal sehen, wie ich das Umbenennen in PHP hinbekomme.
Danke
Ich bin mir nicht so ganz sicher was ich brauche, da ich noch nicht absolut sicher bin, wie das Script letztlich funktionieren würde/müsste. So was merke ich dann immer erst beim scripten.
Ich habe mehrere Fotos ein einem Ordner (L_fu0010a, L_fu0010b, L_fu0010c...) für jedes L_-Foto gibt es auch noch ein M_ und ein XL_. Die Fotos mit dem a sind die Hauptfotos, also die, die immer zuerst angezeigt werden.
Nun will ich, mit dem o.g. jQuery die Fotos umsortieren und umbenennen können, so dass sie in der Reihenfolge der neuen Sortierung umbenannt werden - wenn Euch das was sagt: genauso wie bei Ebay, wenn man dort einen Artikel zum verkaufen anbietet.
Ich hatte jetzt auch schon den Gedanken, MySQL mit einzubinden, bin aber noch nicht dazu gekommen, den Gedanken weiter zu spinnen, ob das besser/möglich wäre.
Ach, jetzt weiß ich warum ich eine Brille verschrieben bekommen habe...
Muss ich mir mal zu Gemüte führen. Danke.
Von Ajax und JSON habe ich noch gar keine Ahnung. Eigentlich wollte ich nur schnell einen Uploader auf der Seite installieren, damit ich mit den entsprechenden Fotos weiter in jQuery einsteigen kann. Danach wollte ich mir dann in Ruhe die anderen Sprachen anschauen. Naja, wenn ich mir schon mal was vornehme...
Das jQuery UI habe ich mir auch einfach nur kopiert, daher habe ich nicht wirklich eine Ahnung, wozu das toString() da dran hängt. Ich würde jetzt sogar mal vermuten, dass productOrder gar kein Array sondern ein String ist. Ist auch egal, ich kann mit beidem weiter arbeiten. Aber wie ich es nach PHP bekomme, weiß ich trotzdem nicht.
In PHP kenne ich mich deutlich besser aus als in jQuery, vielleicht können wir uns ja ergänzen 
Es geht um das hier.
Ich habe ein kleines Script zum sortieren von Fotos. Nach dem sortieren sollen aber die Dateien entsprechend umbenannt werdern (fu0010a in fu0010c).
Das Ergebnis des Verschiebens wird in jQuery UI in einem Array gespeichert. Wenn ich das nun nach PHP schicke, sollte das Umbenennen eigentlich kein Problem mehr sein.
Oder liege ich da jetzt falsch ?
Ich habe nicht die geringste Ahnung. Scheint aber irgendwie so zu sein. Hab immer wieder was von Ajax gelesen. Aber eine gute Einführung in Ajax habe ich bisher auch noch nicht gefunden.
Irgendwie muss es auf jeden Fall mit POST und $_REQUEST funktionieren.
Eine Möglichkeit Dateien nur mir jQuery umzubenennen gibt es ja nicht, oder?
Leider habe ich keine richtige Anleitung gefunden, nur viele Forenbeiträge in englisch, die ich nicht wirklich verstanden habe.
Ich habe ein eindimensionales Array ('a', 'b', 'c', 'd'). Wie kann ich das an PHP übergeben?
Danke schon mal für die Antwort.
Ganz großes SORRY Leute, aber ich habe gar keine Mail bekommen, dass es hier Antworten gibt. War auch gerade mit einem anderen Problem beschäftigt.
Ich habe es jetzt gerade mit einem Timestamp probiert, leider ist dem Tool aber offenbar völlig egal, wie man die Dateien verschiebt. So wie sie eingefügt wurden, werden sie auch hochgeladen.
Vielleicht kennt ja jemand auch ein anderes PlugIn, wo man die Dateien noch verschieben kann.
Ich bin gerade auf eine sehr interessante Seite gestoßen. Mit ein bisschen Köpfchen und grübeln und sicherlich häufigem hier nachfragen werden die Bilder dann einfach nach dem Upload verschoben - ist eigentlich sogar viel Sinnvoller für meine Seite. Drückt mir mal die Daumen, dass ich das hinbekomme.
Ja, mit der zip-Datei habe ich auch überlegt. Aber es gibt so viele Dateien darin und ich wusste nicht, was nun gebraucht wird und was nicht. Aber hier mal die LInks zu den Original-Dateien (klick mir) und (klick mir). Die Upload.php aus dem ersten Link funktioniert nicht, man muss die aus dem Zweiten nehmen. Morgen lade ich dann mal meine eigenen Dateien auf meinen Server, heute schaffe ich das nicht mehr.
Doch noch geschafft: klick mir
Mist, erwischt... Du treibst Dich aber auch überall rum
Das in dem anderen Forum hat sich in der Tat erledigt. Ich wusste nur nicht ob ich da einen neuen Thread aufmache oder unter dem gelösten Problem weiter schreibe, also habe ich mich hier angemeldet. Wenn ich jetzt so drüber nachdenke schon ein bisschen blöde. Aber ich konnte ja nicht ahnen, dass man mich gleich erwischt :p
Also, anderes Problem erledigt, dieses hier noch nicht.
Hallo,
seit Tagen versuche ich dieses Upload-Plugin auf meiner Seite zu installieren. Ich bin zwar noch jQuery-Anfänger und leider hapert es bei mir sehr mit dem Englischen, dennoch habe ich den Verdacht, die Seite ist nur für absolute Hardcore-Profis geeignet. Ich sehe da einfach nicht durch. Vielleicht könnt Ihr mir ja ein wenig helfen.
Ich habe den Uploader jetzt soweit erst mal zum laufen gebracht, dass ich Bilder einfügen, auf der Webseite dann verschieben und letztlich hochladen kann. Was ich jetzt noch brauche ist, dass die Bilder in der Reihenfolge hochgeladen und entsprechend benannt werden - der Dateiname ist dabei egal.
Ich hänge einfach mal eine zip mit allem was ich bisher habe an. Vielleicht erbarmt sich ja jemand meiner
