2016-11-30 9 views
0

Я создаю электронное приложение, которое обрабатывает загрузки файлов, я использую диалог для получения файлов от пользователя, мне нужно отправить файлы на сервер, но я получаю путь к файлам, но При отправке я получаю ошибки. Я использую ресурс Vue для запросов. Ниже приведен мой код:Электронный диалог отправить файл на сервер с ресурсом 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> 

Я, однако, получаю ошибку при запросе, любая помощь будет оценена по достоинству.

+0

Какая ошибка вы получаете? – Saurabh

+0

@saurabh получает ошибку со стороны сервера, что файл не отправлен, отлажен с почтовым и serveride-кодом в порядке, поэтому внешний код - тот, который не отправляет файл –

ответ

0

Вероятно, опечатка, но у вас есть вызов к API:

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

, которая отличается от той, которую вы импортируете:

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

Если не выше я бы предположить, что это будет проблемой CORS, если почтальон уже сможет отправлять файлы и получать правильный ответ от конечной точки. Без дополнительной информации я бы рекомендовал посмотреть: https://www.html5rocks.com/en/tutorials/cors/#toc-making-a-cors-request

Для более конкретного ответа вам нужно будет опубликовать код API, чтобы мы могли просмотреть, как вы отправляете файл.