Hello! What is the best way to load images from URLs in Compose Web (WasmJS)? Coil, OkHttp, and Ktor...

# compose-web

[Zhang Zihan]

Hello! What is the best way to load images from URLs in Compose Web (WasmJS)? Coil, OkHttp, and Ktor are not available in WasmJs. Do I have to write external JS code?

[Konstantin Tskhovrebov]

check the repo: https://github.com/fethij/Rijksmuseum
it has wasmJS and loads images

[Alex Styl]

@Zhang Zihan iirc there is wasm support in the developer preview. more info at https://www.droidcon.com/2024/05/27/how-to-use-coil-in-compose-multiplatform/

[Konstantin Tskhovrebov]

that's what I say. You can see it in the libraries list:
https://github.com/fethij/Rijksmuseum/blob/main/gradle/libs.versions.toml

[Zhang Zihan]

Thanks! I found the Alpha version of Coil supports WasmJs and it works

[Miguel Vargas]

I was looking into how the compose-imageviewer example did it here https://github.com/Kotlin/kotlin-wasm-examples/blob/main/compose-imageviewer/webApp/src/jsWasmMain/kotlin/Common.kt#L83

Once you unwrap all their architecture I think it comes down to

val byteArray = ktorClient.get(urlString).readBytes()
val imageBitMap = Image.makeFromEncoded(byteArray).toComposeImageBitmap()
Image(
    bitmap = imageBitMap,