Как загрузить изображение в Angular 2?

Question

[risich3]

Нужно реализовать загрузку изображений в приложении на втором ангуляре. Как это можно реализовать?

Answer 1

[planc]

раз никто не отвечает, я не очень помню angular
вот так во vue, сделай по аналогии:

<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)
        })
    }