js-wmf/test/filereader.html

22 lines
593 B
HTML

<html><body>
<style>
* {
padding: 0;
margin: 0;
}
</style>
<input type="file" id="file"><label for="file">Click here to select a file</label><br/>
<canvas id="canvas"></canvas>
<script src="wmf.js"></script>
<script>
document.getElementById("file").addEventListener("change", (e) => {
const files = e.target.files, f = files[0];
const reader = new FileReader();
reader.onload = (evt) => {
WMF.draw_canvas(evt.target.result, document.getElementById("canvas"));
};
reader.readAsArrayBuffer(f);
}, false);
</script>
</body></html>