Uploading files with Vue-Resource

Question

Uploading files with Vue-Resource

Navigation

#1 by (5 votes)

2

How do I upload an image with Vue-Resource!?

I have tried in many ways but I can not! Does anyone have a working example?

vue.js

asked by anonymous 13.07.2016 / 21:29

1 answer

It makes a difference to use LONGTEXT instead of VARCHAR (255) How to run my App in multiple platforms

score 5 · Accepted Answer

I got it !!

Someone needs to know:

methods: {
  send() {
      let data = new FormData();

      data.append('file', this.record.file)
      this.$http.post('test', data);
    },
    upload(e) {
      e.preventDefault();
      var files = e.target.files;
      this.record.file = files[0];
    }
}

<div class="col-sm-12">
  <input @change="upload" type="file">
</div>
<div class="col-sm-12">
  <button @click="send">Send</button>
</div>

On the server just give dd($request->all()) that the file will be there!