App.vue 887 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <div>
  3. <input type="file" @change="onFileChange" />
  4. <button @click="uploadFile">Upload</button>
  5. <button @click="recognizeOcr">发票识别</button>
  6. </div>
  7. </template>
  8. <script>
  9. import axios from 'axios';
  10. export default {
  11. data() {
  12. return {
  13. selectedFile: null,
  14. };
  15. },
  16. methods: {
  17. onFileChange(e) {
  18. this.selectedFile = e.target.files[0];
  19. },
  20. uploadFile() {
  21. const formData = new FormData();
  22. formData.append('file', this.selectedFile, this.selectedFile.name);
  23. axios.post('https://dev.maxwebx.cn/api/upload', formData, {
  24. headers: {
  25. 'Content-Type': 'multipart/form-data'
  26. }
  27. })
  28. .then(response => {
  29. console.log(response);
  30. })
  31. .catch(error => {
  32. console.error(error);
  33. });
  34. },
  35. recognizeOcr() {
  36. }
  37. }
  38. };
  39. </script>