js解析tiff 格式的圖片讀取與顯示

插件：tiff.js

<script src="./tiff.min.js"></script>

<script>
const elm = document.getElementById("drop")
const img = document.getElementById("img")
elm.addEventListener("dragenter", e => e.preventDefault())
elm.addEventListener("dragover", e => e.preventDefault())
elm.addEventListener("drop", e => {
e.preventDefault()
const file = e.dataTransfer.files[0];
const reader = new FileReader();
reader.addEventListener("load", e => {
const arrayBuffer = e.target.result
const tiff = new Tiff({buffer: arrayBuffer})
// const canvas = tiff.toCanvas() // 使用canvas調此方法
const imgData = tiff.toDataURL() // 使用base64調此方法
img.src = imgData
})
reader.readAsArrayBuffer(file)
})
</script>