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

Diskutiere Wie ein Bild als Preview in einem 360 Image Script implementieren? im JavaScript Forum im Bereich Programmierung; 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...
H

Hashimura

New member
Dabei seit
09.11.2021
Beiträge
1
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.
 
Zuletzt bearbeitet:
Thema:

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

Oben