So nutzen Sie die Dateiauswahl in einer Anwendung

Veröffentlichungsdatum: 11. Februar 2010
Änderungsdatum: 15. Mai 2013

dateiauswahl fileselector pfad datei auswählen

Dieser Artikel beschreibt, wie Sie in einer eigenen Anwendung eine Dateiauswahl umsetzen, die den Pfad der Datei in das vorgesehene Feld schreibt.

Um in Anwendungen (z.B. Verstaltungskalender, etc.) im Pflegeformular einen Dateiauswahl zu realisieren, über die der Pfad der ausgewählten Datei in das entsprechende Formularfeld geschrieben wird, können Sie auf folgendes Script zurückgreifen.

Beispiel: Dateiauswahl

<script type="text/javascript">
 function fileselector_FELDX_onSelect(file){
   document.frmFormX.inputY.value = file;
 }
</script>           

<span onclick="window.open('/weblication/grid5/scripts/wFileselector.php?id=FELDX&amp;context=/de/veranstaltungen/img', 'wFileselector', 'width=800,height=640')">Dateiauswahl</span>

Über den Aufruf des Fileselectors geben Sie diesem eine id mit, über die die entsprechende Funktion angesprochen wird. Dem context-Parameter geben Sie als Wert den Pfad mit, mit dem der Fileselector geöffnet werden kann.

Passen Sie die Werte an Ihre individuellen Pfade/Benennungen an.

Dateiexplorer in eigenen Anwendungen einsetzen
FAQs
Wie kann ich in einer eigenen Anwendung eine Dateiauswahl implementieren, die den Pfad ins Formularfeld schreibt?
Sie können einen Fileselector nutzen und beim Auswählen einer Datei automatisch den Dateipfad in ein vorgesehenes Formularfeld schreiben. Der Artikel zeigt dafür eine Funktion, die bei „onSelect“ den Pfad in ein bestimmtes Input-Feld übernimmt. Beispielhaft: <pre><code class="codeBlock" style="color: #000000">javascript function fileselector_FELDX_onSelect(file){ document.frmFormX.inputY.value = file; } </code></pre>
Wie ist die Funktion bei der Dateiauswahl typischerweise aufgebaut?
Die Funktion wird mit dem Parameter <code class="codeInline">file</code> aufgerufen und schreibt dessen Wert in ein Ziel-Feld des Formulars. Im Beispiel wird der Pfad in <code class="codeInline">document.frmFormX.inputY.value</code> gesetzt. <pre><code class="codeBlock" style="color: #000000">javascript function fileselector_FELDX_onSelect(file){ document.frmFormX.inputY.value = file; } </code></pre>
Was bedeutet die „id“ im Aufruf des Fileselectors?
Über die <code class="codeInline">id</code> im Aufruf des Fileselectors geben Sie an, mit welcher Funktion die Auswahl verarbeitet werden soll. Die Funktion wird entsprechend angesprochen, sodass der Dateipfad korrekt in das passende Formularfeld übernommen wird. Im Artikel wird dies z. B. als <code class="codeInline">id=FELDX</code> gezeigt.
Wofür ist der „context“-Parameter im Fileselector-Aufruf gedacht?
Der <code class="codeInline">context</code>-Parameter enthält den Pfad, mit dem der Fileselector geöffnet werden kann. So wird festgelegt, aus welchem Kontext (z. B. einem Bild- oder Dateiverzeichnis) die Auswahl erfolgen soll. Beispiel im Artikel: - <code class="codeInline">context=/de/veranstaltungen/img</code>
Wie kann ich die Dateiauswahl in ein konkretes Pflegeformular integrieren?
Der Artikel beschreibt, dass Sie in Pflegeformularen (z. B. für Veranstaltungskalender) eine Dateiauswahl realisieren können, bei der der Pfad der ausgewählten Datei in ein entsprechendes Formularfeld geschrieben wird. Dazu passen Sie typischerweise die Werte (z. B. <code class="codeInline">id</code>, Formularname und Feldname) an Ihre Anwendung an.
Welche Werte muss ich anpassen, damit die Dateiauswahl in meiner Anwendung funktioniert?
Sie sollten die Beispielwerte an Ihre individuellen Pfade und Benennungen anpassen. Dazu gehören insbesondere: - die <code class="codeInline">id</code>, die die Ziel-Funktion bestimmt - der <code class="codeInline">context</code>-Pfad, der den Fileselector öffnet - die Formular- und Eingabefeldbezeichnungen (z. B. <code class="codeInline">frmFormX</code>, <code class="codeInline">inputY</code>) Der Artikel empfiehlt ausdrücklich: „Passen Sie die Werte an Ihre individuellen Pfade/Benennungen an.“