前端vue上传本地图片至指定位置

可以使用vue的axios库来实现上传图片至指定位置。

首先，需要在vue项目中安装axios库：

npm install axios --save

然后，在vue组件中定义一个上传图片的方法，如下所示：

<template>
  <div>
    <input type="file" @change="uploadImage" />
  </div>
</template>

<script>
import axios from 'axios';

export default {
  name: 'UploadImage',
  methods: {
    uploadImage(event) {
      const file = event.target.files[0];
      const formData = new FormData();
      formData.append('image', file);

      axios.post('/api/upload', formData, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }).then(response => {
        console.log(response.data);
      }).catch(error => {
        console.log(error);
      });
    }
  }
}
</script>

在上面的代码中，我们定义了一个`uploadImage`方法，该方法会在用户选择文件后触发。在该方法中，我们创建了一个FormData对象，并将用户选择的文件添加到该对象中。

然后，我们使用axios库的post方法将FormData对象上传到服务器的`/api/upload`接口。需要注意的是，我们要设置请求头的Content-Type为`multipart/form-data`，以便服务器能够正确解析上传的文件。

最后，我们在.then回调函数中处理服务器返回的数据，或在.catch回调函数中处理上传失败的情况。

以上就是一个简单的vue上传图片至指定位置的实现方法。需要注意的是，服务器端也需要相应的接口来接收并处理上传的文件。