上传文件后在本地保存文件

时间:2019-06-26 08:03:45

标签: javascript html css json vue.js

我正在尝试使用在网上找到的此方法来上传文件,然后单击提交以将其下载到项目中某个位置的路径后,我将从前端在我使用的后端中发布代码Java Spring,我需要以某种方式使用控制器,但是我不知道该怎么做。

<template>
  <div class="container">
    <div class="large-12 medium-12 small-12 cell">
      <label>File
        <input type="file" id="file" ref="file" v-on:change="handleFileUpload()"/>
      </label>
        <button v-on:click="submitFile()">Submit</button>
    </div>
  </div>
</template>

submitFile() {

  const formData = new FormData().append('file', this.file)
  axios.post('/api/download',
    formData,
    {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    }
  ).then(function() {
    console.log('SUCCESS!!')
  })
    .catch(function() {
      console.log('FAILURE!!')
    })
}

0 个答案:

没有答案