Jeffrey Hardy
fa4eb26eb5
Destroying an image happens asynchronously and requests are fast enough that we don't need to be optimistic. Uploads by contrast are slow, and benefit from immediate feedback.
15 lines
358 B
JavaScript
15 lines
358 B
JavaScript
import { Controller } from "@hotwired/stimulus"
|
|
|
|
export default class extends Controller {
|
|
static targets = [ "image", "input" ]
|
|
|
|
previewImage() {
|
|
const file = this.inputTarget.files[0]
|
|
|
|
if (file) {
|
|
this.imageTarget.src = URL.createObjectURL(file)
|
|
this.imageTarget.onload = () => URL.revokeObjectURL(this.imageTarget.src)
|
|
}
|
|
}
|
|
}
|