일렉트론 다이얼 ​​vue 리소스를 사용하여 서버에 파일 보내기

Question

파일 업로드를 처리하는 전자 애플리케이션을 구축 중이며 사용자로부터 파일을 가져 오기 위해 대화 상자를 사용하고 있지만 서버로 파일을 보내야하지만 파일 경로가 표시되지만 나는 그들을 보낼 때 오류가 발생합니다. 요청에 Vue 리소스를 사용하고 있습니다. 아래 코드는 내 코드입니다 :

<template> 
    <div> 
    <button @click="uploadAct()" class="primary">New Upload </button> 
</div> 
</template> 
<script> 
const {dialog} = require('electron').remote 
const fs = require('fs') 
import reqApi from '../../api/something' 
export default { 
methods: { 
    uploadAct() { 
    dialog.showOpenDialog({ 
     title: 'Upload Attachments', 
     buttonLabel: 'Upload', 
     filters: [ 
      {name: 'Images', extensions: ['jpg', 'png', 'gif']}, 
      {name: 'All Files', extensions: ['*']} 
     ], 
     properties: ['openFile', 'multiSelections'] 
     }, function (filenames) { 
     if (filenames) { 
      let d = '' 
      filenames.forEach(function (element) { 
      d = element 
      }) 
     // here i get a path of file correctly something like /path/to/file.jpg 

      reqApi.uploadattachmnets({photo: fs.createReadStream(d)}).then(
       (response) => { 
       console.log(response) 
       }, 
       (error) => { 
       console.log(error) 
       }) 
      // }) 

     } 
     }) 
    } 
} 
} 
</script> 

그러나 결국 요청에 오류가 발생하면 도움이 될 것입니다.

Answer 1

아마

오타하지만 당신은 API를 호출 있습니다

carApi.uploadattachmnets({photo: fs.createReadStream(d)}) 

가져 오는 것과 다릅니다

import reqApi from '../../api/something' 

그렇지 않으면 난이 가정 줄 위 Postman이 이미 파일을 보내고 엔드 포인트에서 올바른 응답을받을 수있는 경우 CORS 문제가 될 수 있습니다. 더 많은 정보가 없으면 다음을 살펴 보는 것이 좋습니다. https://www.html5rocks.com/en/tutorials/cors/#toc-making-a-cors-request

더 구체적인 응답을 보내려면 파일 전송 방법을 검토 할 수 있도록 API 코드를 게시해야합니다.