passing from an input data as an array of images to the api

Question

I am trying to pass from an input multiply images to the api as the following:

<el-form-item label="images" prop="images">
  <el-input name="files" type="file" multiple="multiple" v-model="property.images" v-on:input="changed"/>
</el-form-item>

and then passing to the data as:

  data() {
    return {
      property: { title: '', description: '', price: 0, images []},

then passing to api:

  createProperty() {
      WebAppAPI.CreateProperty(this.property).then(response => {

but is only passing one string url, even though I add several images.

Any idea what else do I need to do to pass an array instead of a string?

Copy of stackoverflow.com/questions/52472854/…

Riddhi
– Riddhi

2020-01-03 05:29:33 +00:00
Commented Jan 3, 2020 at 5:29 — Riddhi
– Riddhi, Commented Jan 3, 2020 at 5:29

Riddhi · Accepted Answer · 2020-01-03 05:30:51Z

1

You can refer to this demo fidddle.

https://jsfiddle.net/RiddhiParekh/s8ot36kh/

 <el-upload multiple="multiple" class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-change="handleChange" :file-list="fileList3">
  <el-button size="small" type="primary">Click to upload</el-button>
  <div slot="tip" class="el-upload__tip">jpg/png files with a size less than 500kb</div>
</el-upload>

answered Jan 3, 2020 at 5:30

Riddhi

2,2541 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

passing from an input data as an array of images to the api

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related