Wir haben eine Webseite (meist HTML Javascript und PHP), die es einem Benutzer ermöglicht, ein Bild hochzuladen. Wir haben die normale Schaltfläche zum Durchsuchen, und es funktioniert gut. Wir möchten jedoch die Funktionalität zum Ziehen und Ablegen eines Bildes in das Textfeld hinzufügen.
Google Mail ermöglicht es Ihnen, dies in seiner Mail-App zu tun, also ist es möglich. Der einzige Weg, den wir uns ausgedacht haben, ist ein Java-Applet zu erstellen, das all dies erledigt, aber am Ende sehr unordentlich ist.
Hat jemand das getan? Wie funktioniert es?
Bearbeiten: Ich verwende Firefox auf einem Mac. Die meisten meiner Benutzer werden wahrscheinlich IE unter Windows verwenden.
Danke
Ich habe versucht, einen Dropping zu ziehen und ihren Editor zu erstellen. Es wird den Pfad aufnehmen, wenn die Datei auf einer Webseite ist, aber wenn es auf Ihrem lokalen Laufwerk ist, wird der Pfad "file: // c: ...." sein, der nicht mit der Nachricht hochgeladen wird und wird enden als ein gebrochenes Bild.
Der Browser hat aus Sicherheitsgründen keinen Zugriff auf das lokale Dateisystem. Daher bezweifle ich, dass dies jemals so funktioniert, wie Sie es beschreiben.
Das ist eine alte Frage, aber sie ist in meinen Suchergebnissen aufgetaucht.
Verwenden Sie als Referenz die HTML5-Dateiklassen und Drag and Drop.
Artikel mit Details hier: Ссылка
Wenn Sie eine Datei in ein normales Eingabefeld ziehen, wird der lokale Pfad zum Bild in das Eingabefeld kopiert. Dies ist jedoch für Sie wertlos, da die Eigenschaft .value eines & lt; input type = 'file' & gt; Das Tag wird aus Sicherheitsgründen nur gelesen.
Sie werden feststellen, dass Sie in gmail nur ein Bild (zum Hochladen) in den & lt; input type = 'file' & gt; Eingabe und kein anderes Feld.
Ich denke, was Sie fragen wollen, ist "Wie style ich ein & lt; input type = 'file' & gt; -Tag wie Google " , was ein ganz anderes Thema ist.
EDIT: Ok in IE kann man keine Datei in eine & lt; input type = 'file' & gt; Tag
Ich denke, ich habe einen Weg um die nervigen FF3 lokalen Dateisystem Probleme, aber ich brauche ein Stück JavaScript zu testen. Wie lese ich den lokalen Dateipfad aus dem Datei-Upload-Formular? Bitte, hör auf mit dem "Flash ist eine Lösung". Ich bin ein Flash-Entwickler von Beruf und auch ich denke nicht, dass es eine gute Lösung ist.
Haben Sie zufällig diese Firefox-Erweiterung installiert?
Ich wäre überrascht, wenn es eine Lösung gäbe, ohne ein externes Plugin oder eine Erweiterung installieren zu müssen. Wie jemand erwähnte, wäre das ein Sicherheitsproblem. Eine Website wäre in der Lage, Dateien von den Computern der Leute zu holen und sie ohne ihr Wissen hochzuladen.
Tags und Links javascript html php drag-and-drop applet