Sha256: a1c2bca4b077bbb537a0f037dcb0b7479020140083918c30fd9f7f4b370efa6f

Contents?: true

Size: 596 Bytes

Versions: 39

Compression:

Stored size: 596 Bytes

Contents

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "image", "input", "removeInput" ]
  static values  = { defaultImage: String }

  previewImage() {
    const selectedFile = this.inputTarget.files[0]

    if (selectedFile) {
      this.imageTarget.src = URL.createObjectURL(selectedFile);
      this.imageTarget.onload = () => { URL.revokeObjectURL(this.imageTarget.src) }
      this.removeInputTarget.value = false
    }
  }

  clear() {
    this.imageTarget.src = this.defaultImageValue
    this.removeInputTarget.value = true
  }
}

Version data entries

39 entries across 39 versions & 1 rubygems

Version Path
css-zero-0.0.75 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.74 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.73 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.72 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.71 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.70 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.69 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.68 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.67 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.66 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.65 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.64 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.63 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.62 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.61 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.60 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.59 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.58 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.57 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
css-zero-0.0.56 lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js