Entwickler-Ecke

ASP.NET und Web - Bild auswählen


georgeboy - Mi 24.08.22 15:18
Titel: Bild auswählen
Hallo zusammen, ich arbeite mit VS 2022 ASP.NET MVC. In der Liste li = new List<String>(), sind Pfade von Bilddateien gespeichert, im Modell. Wie kann ich die Bilder in li anzeigen und es ermöglichen, dass der Client ein Bild auswählen kann und der Index des Bildes (in li) an den Controller weitergegeben wird. Also aus einer Bildergalerie ein Bild auswählen und sein Index in li an den Controller schicken. Folgendes geht nicht, hier nur skizziert:

HTML-Dokument 
1:
2:
3:
4:
5:
6:
7:
 
<select ...
@for(int i=0; i<li.Count; i++)
{ <option value="@i">
      <img src="@Model.li[i]"/><br/><br/>
  </option>
}
</select>

Das img-Tag und br wird hier nicht akzeptiert. Wenn ihr mein Vorhaben versteht, wie kann man das Problem anders lösen ?

Moderiert von user profile iconTh69: C#-Tags hinzugefügt
Moderiert von user profile iconTh69: HTML-Tags hinzugefügt


Palladin007 - Mi 24.08.22 16:27
Guck mal hier:

How to add images in select list? [https://stackoverflow.com/a/2966006]

Ist ein generelles Thema von HTML/CSS und nicht ASP.NET

Dafür musst Du die Bilder dann natürlich über eine URL verfügbar machen, die kannst Du dann im Style als background-image eintragen.

Moderiert von user profile iconTh69: URL-Titel hinzugefügt
Moderiert von user profile iconTh69: CSS-Tags hinzugefügt


Ralf Jansen - Mi 24.08.22 20:31
Zitat:
Dafür musst Du die Bilder dann natürlich über eine URL verfügbar machen, die kannst Du dann im Style als background-image eintragen.

Und du mußt als Client den passenden alten Firefox oder WebKit Browser benutzen wo das noch zulässig war ;)

Zitat:
Hallo zusammen, ich arbeite mit VS 2022 ASP.NET MVC

Den Razor Generator den du da benutzt um Html zu generieren ist einfach nur ein Textgenerator du bist also nicht auf Standard Html beschränkt. Der generiert dir eigentlich alles soweit es grundsätzlichen Html Regeln entspricht. Wenn du also mehr brauchst als Html hergibt kannst du irgendeine UI Bibliothek hinzufügen die das kannst was du brauchst. Im Link von Paladin007 wird zum Beispiel JQuery UI angedeutet. Die dortige Selectable Komponente kann entsprechendes und ist soweit gepflegt das die in (fast) allen Browsern funktioniert.

Edit: Ich korrigiere es sollte wohl eher die SelectMenu [https://jqueryui.com/selectmenu/#custom_render] Komponente sein.


georgeboy - Do 25.08.22 08:56
Ich bin noch Anfänger auf dem Gebiet, da stellen sich viele Fragen. Könnt Ihr mir ein Buch über MVC, das noch erhältlich ist, empfehlen ? Über HTML CSS habe ich Literatur. Werde mich mit dem obigen Link noch beschäftigen.


georgeboy - Fr 26.08.22 13:13
Danke Euch !


Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2024 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!