Какой удобный, красивый file uploader для vue?

Question

[vism]

На вью авесом файлаплоадеры урезанные и кривые.
Вроде как dropzone показался хорошим, то с ним настоящая проблема при работе с сервером.

Самому писать или есть что-то адекватное?

Answer 1

[planc]

Самому писать

<form>
      <div class="form-group">
        <label for="InputFile">File input</label>
        <input type="file" id="InputFile" @change="onFileChange">
        <p class="help-block">Upload image</p>
      </div>
    </form>

onFileChange (e) {
      let file = e.target.files[0] || e.dataTransfer.files[0]
      let formData = new FormData()
      formData.append('image', file)
      this.$http.post('upload/', formData)
        .then(response => {
          console.log(response)
        }, error => {
          console.log(error)
        })
    }

image preview:
https://codepen.io/anon/pen/YrNEZp

Comments

[vism]

все совсем просто, быстрее чем пытаться библиотеки под себя конфигурировать и потом выяснить, чтоб тупо они не дают нужной гибкости