Question

我遇到了这个小问题，我不知道这是什么吗？

<div class="add-picture">
   <vs-upload limit="1" action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" />
</div>

我不知道JavaScript是做什么的。

Answer 1

Vue本身无法将文件上传到您的服务器。您可以使用method event handlers和Axios这样的客户端将参数从Vue传递到POST请求到后端，但是Vue本身仅转发数据，而诸如Axios负责传输。 >

那里还有其他可以处理HTTP请求的客户端，还有很多可以处理文件上传的组件，但是我以Axios为例。

本文here可能会提供更多帮助。

Answer 2

<template>
  <vs-upload limit=1 action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" />
</template>

<script>
export default {
  methods:{
    successUpload(){
      console.log('success')
    }
  }
}
</script>

limit采用数字而不是字符串。我知道，Vue在这个问题上非常令人困惑。 Vuesax库充满了错误，仅供参考。 https://lusaxweb.github.io/vuesax/components/upload.html#automatic

如何仅在vuejs中上传图像文件？

2 个答案: