Ich habe ein Formular mit einer Schaltfläche erstellt. Wenn Benutzer auf die Schaltfläche klicken, erstellt der Browser ein Popup-Fenster, in das der Benutzer ein Foto hochladen und zuschneiden kann.
%Vor%wenn hochgeladen
%Vor%Das Popup wird das zugeschnittene Bild in das öffnende Fenster (Formular)
zurückgeben %Vor%Schließlich erzeugt das Popup-Fenster die Schaltfläche "Dieses Bild verwenden".
Nun möchte ich dieses Popup in den jQuery Dialog upgraden, um es zu verbessern. Wie kann ich das tun?
Versuchen Sie, ein modales Formular zu verwenden, in dem Sie den Dialog zum Hochladen von & amp; Beschneide das Bild und klicke auf Dieses Bild im Dialog verwenden; Kehren Sie zu Ihrer Seite zurück und fahren Sie mit Ihrer Bewerbung fort.
Bessere Leistungen, Sie können Jquery Modal Form mit lighbox für eine bessere Benutzeroberfläche verwenden.
Prost !!!
Was ist das Problem?
Nimm den upload.php Code (das Zeug innerhalb des BODY Elements) und lege ihn innerhalb eines DIV in die Seite des Aufrufers.
Wenden Sie anschließend dialog mit jQuery auf dieses DIV an. Aktivieren Sie diesen Dialog dann bei Bedarf.
Nun zum Code selbst - ich bin mir sicher, dass Sie ein paar Dinge neu verkabeln müssen, aber die Idee ist sehr einfach und ich verstehe wirklich nicht, warum diese Frage eine Prämie von +100 hat, wirklich. Nicht, dass es mir etwas ausmachen würde, es zu haben, haha!
Ich hoffe, ich habe genau das, was Sie erreichen wollen.
Hier ist das Beispiel von jsfiddle: Ссылка
Hier ist der Code:
%Vor%HTML:
%Vor%Sie sollten dieses nette Plugin lesen, mit dem Sie Dateien asynchron hochladen können.
Fügen Sie Folgendes in body hinzu, egal wo auf der Seite es passt:
Fügen Sie Folgendes zu head hinzu, um das Plugin zu laden. Ein schönes Beispiel hierfür ist hier
Es funktioniert mit einem versteckten iframe und sendet die Ergebnisse an Ihr Backend, ohne irgendwelche Fenster zu öffnen.
Auf diese Weise kann alles in einem 'Fenster' erledigt werden, oder machen Sie das Dialogfenster, das Sie wahrscheinlich suchen
Beispielcode von einer Geige hier . Der folgende Code kann überall und global zugänglich gemacht werden
%Vor%Tags und Links javascript jquery-ui popup window.open window.opener