Bilder anzeigen in Firefox

baloo

Hallo!
Fraaaaage:

Weshalb geht folgendes nur im IE und im Firefox nicht?

Head:

Code

<script type="text/javascript">
function zeige(s)
{
    document.getElementById("vorschau").innerHTML = "[img]" + s + "[/img]";
}
</script>

und später im Body...

Code

<input id="file" name="file" type="file" onChange="zeige(this.value)">

der id "vorschau" existiert auch:

Code

<td id="vorschau">...</td>

Ich möchte eigentlich, dass auf diese weise ein Bild angezeigt wird, das man von der Festplatte auswählt.

Was für Alternativen gibt es, um den selben Effekt auch im Firefox zu erhalten? *verzweifel*

Vielen Dank!

MrJava

Ist wohl nen Bug in Mozilla und Co.
https://bugzilla.mozilla.org/show_bug.cgi?id=67873+

Da musst du versuchen das anders hinzubekommen.
Mit onClick beispielsweise. Ist zwar nicht schön, funktionieren tut es aber.

baloo

vielen dank für die hilfe!
ich glaube allerdings nicht, dass es daran liegt..
ich kann den dateinamen mit

Code

document.getElementById("vorschau").innerHTML = s;

ausgeben. sobald ich aber noch einen img-tag dazu ausgebe, zeigt es nichts mehr an...

.innerHTML = s; -> ok
.innerHTML = "hallo " + s; -> ok
.innerHTML = ""; nichts geht..

trotzdem vielen dank

Ronald

Moin!

Ungetestet:

Code

.innerHTML = "<img src=\"" + s + "\">";

Hast du es mal so probiert?

Fragt...

Ronald

baloo

funktioniert leider auch nicht..
habe dasselbe auch mit

Code

function zeige(s)
{
  bild = new Image();
  bild.src = s;
  document.images["pic"].src = bild.src;
  //document.pic.src...
  //document.images[0].src...
  //window.document....
}

Code

onchange(...) ...


[img]irgendwas.jpg[/img]

probiert, aber es funktioniert genau so wenig..
übrigens, opera verhaltet sich gleich wie firefox. es funktioniert nur mit dem IE (warum ausgerechnet mit dem IE? ) und zwar in allen variationen..

naja, sonst lass ich's eben mit der vorschau...

Ronald

Zitat von baloo

probiert, aber es funktioniert genau so wenig..
übrigens, opera verhaltet sich gleich wie firefox. es funktioniert nur mit dem IE (warum ausgerechnet mit dem IE? ) und zwar in allen variationen..

Moin!

Ich habe gerade einml bei SelfHTML nachgeschaut: "innerHTML" ist so ein Eigending zu "all" aus der Microsoft-Küche

Das all-Objekt gehört nicht zum offiziellen JavaScript-Sprachstandard. Es wurde von Microsoft für den MS Internet Explorer 4.0 implementiert. Das all-Objekt funktioniert zwar auch prima innerhalb von Scriptbereichen, die mit "JavaScript" ausgezeichnet sind, doch es ist bislang eigentlich nur Bestandteil von JScript, dem Microsoft-Derivat von JavaScript.

Mit den neuen Browser-Generationen und dem Document Object Model (DOM) wird das all-Objekt durch die neuen HTML-Elementobjekte und das node-Objekt verdrängt. Es hat also keine Zukunft mehr und sollte allenfalls noch aus Gründen der Rückwärtskompatibilität eingesetzt werden.

Von daher ist logisch daß Mozilla nichst damit anfangen kann.
Ich habe auch noch nicht ganz verstanden, was du eigentlich machen willst - sicherlich gibt es eine Lösung für dein Problem.

G.a.d.M.

Ronald

baloo

Also, zur Verständlichung:

http://www.fresh-jo.ch/forum/test.htm

Bei der Auswahl eines Bildes soll eine Vorschau auf der Webseite angezeigt werden. Die Grösse des Bilder ist egal, es muss einfach angezeigt werden - habe jetzt mal 100x100 genommen.

Keine Ahnung, im IE funktionieren beide Varianten, bei Firefox/Opera keine.

Was würde es dann noch für andere Möglichkeiten geben, um das Bild anzuzeigen? (ohne es zuerst hochzuladen)
Es ist egal wie, es sollte einfach funktionieren...

Ronald

Ich werde immer noch nicht schlau daraus, was du eigentlich vor hast.

Du willst den Usern also zeigen, welche Grafik sie auf ihrem PC haben.
Ich vermute mal, es soll eine Vorschau sein, damit sie dann wissen, was sie hochladen wollen?

Du mußt dann für die Grafik den vollen Verzeichnisnahmen haben, also z.B. "file:///c:/internet/bilder/bild21.gif".
Mozilla refresht nach der Eingabe des Files nicht selbständig, ich habe das im folgenden Beispiel mit einem Interval gelöst, auf jeden Fall funktioniert es damit mit Mozilla und dem IE. Nur Opera spielt - warum auch immer- nicht mehr mit, das Problem habe ich nicht weiter verfolgt, da ich die ganzen Opera-Bugs nicht auffangen kann und Opera-User halt selbst schuld haben.

So geht es:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">


function zeige()
{
        bild = new Image();
        file = "file:///"+document.test.file.value;
        document.images.pic.src = file;
}
window.setInterval("zeige()",100)
</script>
</head>
<body>
<form action="" method="post" name="test" enctype="multipart/form-data">
<input name="file" type="file" size="25">
</form>


[img]button.gif[/img]


</body>
</html>

Alles anzeigen

G.a.d.M.

Ronald

baloo

Ouuu, du bist der Held. Vielen Dank!

Zur Erklärung..
Ja, es soll eine Vorschau sein, was der User hochlädt.
Am Schluss gibt es ein "CMS" für eine Bildergallerie. Damit man im Datei-öffnen Dialog nicht immer auf die Miniaturansicht schalten muss, um ein Bild auzuwählen (wie will man bei DSC2018.jpg schon wissen, um welches Bild es sich handelt?) wird es auf der Webseite angezeigt.

Bräuchte es alles nicht, ich weiss.. aber der User soll noch einen Titel zum Bild eingeben. Wenn er jetzt alle 20 Bilder eines Ordners hochladen will, müsste er bei jedem neuen Bild auf die Minitauransicht schalten, um zu sehen, um welches Bild es sich genau handelt. Damit er auch einen passenden Titel eingeben kann.

Diese "Arbeit" wird ihm jetzt erspart.

Klar, über den Sinn lässt sich streiten. Ich allerdings finde die Funktion hilfreich =)

Nochmals vielen Dank für eure Bemühungen!
Grüsse

baloo

naja, lokal funktioniert es wunderbar.
ist das ganze online, gibt die JS konsole folgendes zurück:

Zitat

Sicherheitsfehler: Inhalt auf http://www.fresh-jo.ch/forum/test.htm darf file:/// nicht laden oder verlinken.

alles klar.. dann eben nicht.

Ronald

Bei mir funktioniert es mit deiner URL und meinen Browsern einwandfrei.

Wahrscheinlich liegt die Fehlermeldung an den Sicherheitseinstellungen deines Browsers, hast du SP 2 installiert?

G.a.d.M.

Ronald

baloo

Win2k SP4
Firefox v1.0, Standardeinstellungen nicht geändert

Bin hier noch in der Firma.
Aber wenn es bei dir funktioniert ist es ok. Ich versuche es dann zu Hause auch noch.

Vielen Dank!

[edit]
ok, bei mir funktioniert es auch

Tags