jgeorgi/GlModelViewer
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add model previews on upload #27

Merged
jgeorgi merged 3 commits from bas-upload-mod into main 2024-11-04 00:02:48 +00:00
Conversation 0 Commits 3 Files Changed 4 +66
4 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8b657f3077 - Show all commits

8
modules/glmv-upl.js
View File

@@ -10,8 +10,6 @@ checkForGltf = function (e) {
const mvPreview = document.createElement('model-viewer') const mvPreview = document.createElement('model-viewer')
mvPreview.style['width'] = '180px' mvPreview.style['width'] = '180px'
mvPreview.style['height'] = '180px' mvPreview.style['height'] = '180px'
mvPreview.toggleAttribute('auto-rotate')
mvPreview.setAttribute('auto-rotate-delay',3000)
const dThumbIn = document.createElement('div') const dThumbIn = document.createElement('div')
dThumbIn.classList.add('thumbinner') dThumbIn.classList.add('thumbinner')
@@ -27,8 +25,12 @@ checkForGltf = function (e) {
const reader = new FileReader() const reader = new FileReader()
reader.addEventListener("load", () => { reader.addEventListener("load", () => {
$('model-viewer').attr('src',reader.result) $('model-viewer').attr('src',reader.result)
},{once: true}) $('model-viewer').attr('auto-rotate-delay',3000)
$('model-viewer')[0].toggleAttribute('auto-rotate')
},{once: true})
reader.readAsDataURL(e.target.files[0]) reader.readAsDataURL(e.target.files[0])
} else {
$('#glmv-upload-thumbnail').remove()
} }
} }