时间戳

首页 > 解决方案 > 从输入数据作为图像数组传递到 api

javascript - 从输入数据作为图像数组传递到 api

问题描述

我正在尝试从输入乘法图像传递到 api，如下所示：

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

然后传递给数据：

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

然后传递给api：

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

但只传递一个字符串 url，即使我添加了几张图片。

知道我还需要做什么来传递数组而不是字符串吗？

标签： javascriptvue.jsvuejs2vue-componentvuetify.js

解决方案

你可以参考这个演示小提琴。

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>

推荐阅读