image-effects/public/main.js
2021-10-28 13:25:32 -04:00

30 lines
593 B
JavaScript

async function init() {
let rustApp = null
try {
rustApp = await import("../pkg")
} catch (e) {
console.error(e)
return
}
console.log(rustApp)
const input = document.getElementById("upload")
const fileReader = new FileReader()
fileReader.onloadend = () => {
const base64 = fileReader.result.replace(
/^data:image\/(png|jpeg|jpg);base64,/,
""
)
let img_data_url = rustApp.grayscale(base64)
document.getElementById("new-img").setAttribute("src", img_data_url)
}
input.addEventListener("change", () => {
fileReader.readAsDataURL(input.files[0])
})
}
init()