Предварительный просмотр VUEJS перед загрузкой с использованием загрузочной карусели или любой карусели

Поэтому я хочу просмотреть изображение перед загрузкой изображения, используя загрузочную карусель или любую карусель в vuejs, но я не могу этого сделать, если у кого-то есть идея, пожалуйста, поделитесь со мной. Благодарность

Всего 1 ответ


Чтобы показать изображение, вы можете дать URL для src, как только изображение будет полностью загружено на сервер, или, если вы хотите показать изображение перед отправкой на сервер, вы должны закодировать ваш файл в формате base64, как определите переменную base64 в данных.

onChangeFileUpload ($event) {
  this.file = $event.files[0]
  this.encodeImage(this.file)
},
encodeImage (input) {
  if (input) {
    const reader = new FileReader()
    reader.onload = (e) => {
      this.base64Img = e.target.result
    }
    reader.readAsDataURL(input)
  }
}

а затем вы можете проверить, загружен ли файл, вы должны просматривать изображение непосредственно с URL в противном случае в base64


Есть идеи?

10000