Блог

Обычно, когда вы загружаете изображение, используя поле ввода как:

 <div class="custom-file">
  <input type="file" class="custom-file-input" id="image" ref="image" accept="image/png, image/jpeg">
  <label class="custom-file-label" for="image">Choose file...</label>
</div>
 

Вы можете получить доступ к файлу как:

 this.$refs.image.files[0]
 

Но что произойдет, если я захочу изменить это.$refs.image.файлы [0] динамически без использования всплывающей формы загрузки, пожалуйста?

Я попробовал это:

 this.$refs.image = window.location.protocol   '//'   window.location.hostname   '/storage/images/image-gallery/'   imageUrl;
 

Это

 this.$refs.image.src = window.location.protocol   '//'   window.location.hostname   '/storage/images/image-gallery/'   imageUrl;
 

Но это не удается, есть идеи, как взломать это, пожалуйста?

Спасибо