I am currently working on a project that involves displaying a button labeled "Import 3d model". I want the user to be able to choose a 3ds/max/gsm 3D model to load and view on the screen.
However, I am facing difficulty in implementing this functionality. Can someone provide me with a simple example or guide me on how to achieve this? I would greatly appreciate any help :)
<html>
<head>
<script src="js/three.js"></script>
<script src="js/jquery-2.0.3.min.js"></script>
<link href="CSS/maincss.css" rel="stylesheet" />
<title>PREZI</title>
</head;
<body>
<center>
<div id="share-bottom">
<button type="button" class="photo-button"> Upload 3D Model</button>
<div id="upload-wrap">
<input id="upload-wrap-button" type="file" />
</div>
</div>
</center>
<script>
$('#share-bottom button').click(function () {
$('#upload-wrap-button').click();
});
// The rest of the JavaScript code for rendering the 3D model
</script>
</body>
</html>