Попытка создать предварительный просмотр со стимулом не работает в рельсахJavascript

Форум по Javascript
Ответить
Anonymous
 Попытка создать предварительный просмотр со стимулом не работает в рельсах

Сообщение Anonymous »

Я пытаюсь добавить предварительный просмотр при загрузке изображения, и я наткнулся на это руководство:
«Предварительный просмотр изображения с активным хранением в Ruby on Rails 7" < /p>
Я следовал каждому шагу, но понял, что функция подключения стимула никогда не вызывается. У меня нет ошибок в консоли, она просто не работает.
Я попытался переустановить стимул, но он не сработал. < /P>
html < /p>








< /code>

js < /p>
import { Controller } from "@hotwired/stimulus"

export default class extends Controller
{
static targets = ["input", "preview"];

connect()
{
console.log("THIS IS A PREVIEW", this.element);
}

preview()
{
let input = this.inputTarget;
let preview = this.previewTarget;
let file = input.files[0];
let reader = new FileReader();
reader.onloadend = function()
{
preview.src = reader.result;
};

if(file)
{
reader.readAsDataURL(file);
}
else
{
preview.src = "";
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... k-in-rails
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»