как отобразить загруженное изображение в filepond с рельсов - PullRequest
Новая
       42

как отобразить загруженное изображение в filepond с рельсов

0 голосов
/ 12 апреля 2020

Итак, мне удалось настроить мой бэкэнд rails с помощью response_on_rails, хранилищем amazon s3 и filepond. Я могу загрузить изображение для пользователя в качестве аватара через filepond, и я могу отобразить его с помощью тега изображения в моем представлении rails. Теперь я пытаюсь разрешить пользователю загружать другое изображение, чтобы заменить существующее изображение. Итак, у меня есть форма для редактирования, и идея состоит в том, чтобы восстановить загруженное изображение, если оно присутствует. Но я вижу эту ошибку, ожидая размера:

enter image description here

Итак, вот мое редактирование. html .haml, где я передаю пользователя реквизит. У пользователя есть аватар, подключенный через активное хранилище: 

%header.mb-3
  %h3.text-center Account
  =react_component("UserForm", props: { user: @user, avatar: url_for(@user.avatar) })

Я пробовал polymorphic_url (@ user.avatar) и @ user.avatar.download в качестве реквизита, но в этом нет удачи.

В моем реактивном компоненте я устанавливаю исходный файл на основе проп: 

class UserForm extends Component {
  constructor(props) {
    super(props);
    this.classes  = props.classes;  
    this.state = {      
      files: [
        {
          source: props.avatar,
          options: {
            type: "local"
          }
        }
      ],
    ... code ommitted for brevity

Вот состояние моего компонента для файла: enter image description here

и вот весь источник: 

"/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBMZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ed1f8477e1258e573f15d0694dd2f1bf48267d28/blob"

Любая помощь будет оценена!

...