File Download

Source Code

object FileDownloadPageUploadedImage extends FSSessionVarOpt[FSUploadedFile]()

// [...]

    import com.fastscala.templates.bootstrap5.classes.BSHelpers._
    FileDownloadPageUploadedImage.clear()
    Js.rerenderable(rerenderer => implicit fsc => {
      div.border.p_2.rounded.apply {
        FileDownloadPageUploadedImage() match {
          case Some(uploadedFile) =>

            val fileDownloadUrl = fsc.fileDownload(uploadedFile.submittedFileName.replaceAll(".*\\.(\\w+)$", "uploaded.$1"), uploadedFile.contentType, () => uploadedFile.content)

            h3.apply("Uploaded image:") ++
              <img class="w-100" src={s"data:${uploadedFile.contentType};base64, " + Base64.getEncoder.encodeToString(uploadedFile.content)}></img>.mx_auto.my_4.d_block ++
              BSBtn.BtnPrimary.lbl("Download Uploaded File").href(fileDownloadUrl).btnLink.d_block
          case None =>
            h3.apply("Upload an image:") ++
              FileUpload(
                uploadedFile => {
                  FileDownloadPageUploadedImage() = uploadedFile.head
                  rerenderer.rerender()
                })
        }
      }
    }).render()

Upload an image: