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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM