Wie ein Bild als Preview in einem 360 Image Script implementieren?

Hashimura · 09.11.2021

Ich habe ein A-Frame 360 Image implementiert, nun möchte ich das man sich ein Bild aussucht und dann angezeigt wird, leider bekomme ich das nicht hin.

Code:

var loadFile = function(event) {
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
  };

Code:

<body>
  <div style="position:absolute; top:0px; left:0px; z-index:1000;">
    <input type="file" accept="image/*" onchange="loadFile(event)">
  </div>

  <div style="position:relative;">
   <a-scene>
        <img id="output" src=""/>
        <a-sky src="#output" rotation="0 -130 0"></a-sky>
   </a-scene>
  </div>

</body>

Wenn ich auf untersuchen gehen steht bei src = blob:http://10.1.3.68/f1950f71-9049-475b-b677-652bbc3a482b
Aber es bleibt alles schwarz.

Hätte jmd eine Idee, mit ein normaln Pfad funktioniert das Prima, aber ich möchte das man sich ein Bild im Explorer aussuchen kann.

Sempervivum · 03.12.2021

@Hashimura : Ist deine Frage noch aktuell?