matthew
/
pteropus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add file upload button to web app

This commit is contained in:
Matthew Gordon 2025-06-10 10:11:38 -03:00
parent 15fd82da34
commit bf1f65afe5
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/index.html
View File

@ -6,7 +6,10 @@
</style> </style>
</head> </head>
<body> <body>
<canvas id="pteropus-canvas"></canvas>
<script type="module" src="pteropus-frame.js"></script> <script type="module" src="pteropus-frame.js"></script>
<canvas id="pteropus-canvas"></canvas>
<div id="bottom-panel">
<input type="file" id="file-upload-file-input" name="filename" accept="image/tiff, .tif, .tiff">
</div>
</body> </body>
</html> </html>

10
web/pteropus-frame.js
View File

@ -21,7 +21,15 @@ async function run() {
const resizeObserver = new ResizeObserver((entries) => { const resizeObserver = new ResizeObserver((entries) => {
needs_resize = true; needs_resize = true;
}); });
resizeObserver.observe(mainCanvas) resizeObserver.observe(mainCanvas);
let fileUploadButton = document.getElementById("file-upload-file-input");
fileUploadButton.addEventListener("change", () => {
const files = fileUploadButton.files;
if(files.length > 0) {
test_file_data = files[0]
}
});
while(true) while(true)
{ {