Stanko K.R.
32 lines
819 B
JavaScript
32 lines
819 B
JavaScript
import { Controller } from "@hotwired/stimulus"
|
|
|
|
export default class extends Controller {
|
|
static targets = [ "image", "input", "fileName", "placeholder" ]
|
|
|
|
previewImage() {
|
|
if (this.#file) {
|
|
this.imageTarget.src = URL.createObjectURL(this.#file)
|
|
this.imageTarget.onload = () => URL.revokeObjectURL(this.imageTarget.src)
|
|
}
|
|
}
|
|
|
|
previewFileName() {
|
|
this.#file ? this.#showFileName() : this.#showPlaceholder()
|
|
}
|
|
|
|
#showFileName() {
|
|
this.fileNameTarget.innerText = this.#file.name
|
|
this.fileNameTarget.removeAttribute("hidden")
|
|
this.placeholderTarget.setAttribute("hidden", true)
|
|
}
|
|
|
|
#showPlaceholder() {
|
|
this.placeholderTarget.removeAttribute("hidden")
|
|
this.fileNameTarget.setAttribute("hidden", true)
|
|
}
|
|
|
|
get #file() {
|
|
return this.inputTarget.files[0]
|
|
}
|
|
}
|