插件: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>

Posted on 2021-03-17 11:07  博客sl  阅读(5911)  评论(0编辑  收藏  举报