timt: HTML5 -> File Api funktioniert in Chrome nicht, aber in Firefox

Beitrag lesen

SELF-Forum

HTML5 -> File Api funktioniert in Chrome nicht, aber in Firefox

timt
– Informationen zu den Bewertungsregeln

Hallo,

ich habe hier ein einfaches Beispiel geschrieben bzw. mir zusammengesucht. Dieser Code hat folgende Funktion: Man zieht eine Bild aus dem Dateibrowser direkt in den Browser auf das rote feld und die Datei wird dann als Hintergrund von dem Feld eingefügt.

In Firefox funktioniert der Code auch einwandfrei, und Chrome sollte das normal auch unterstützen.

Sieht jemand einen Fehler?

  
<html>  
<body>  
<div id="holder" style="width:100px;height:100px;background:red"></div>  
<script type="text/javascript">  
[code lang=javascript]  
holder.ondragover = function () { this.className = 'hover'; return false; };  
holder.ondragend = function () { this.className = ''; return false; };  
holder.ondrop = function (e) {  
  this.className = '';  
  e.preventDefault();  
  
  var file = e.dataTransfer.files[0],  
      reader = new FileReader();  
  reader.onload = function (event) {  
    holder.style.background = 'url(' + event.target.result + ') no-repeat center';  
  };  
  reader.readAsDataURL(file);  
  
  return false;  
  }

</script>
</body>
</html>[/code]

Viele Grüße
tim

Beitrag melden
–
Informationen zu den Bewertungsregeln