Как получить загруженный файл в nodejs

Question

У меня есть представление с избыточностью, консольный журнал выглядит следующим образом

{
  id: "x", 
  parentId: "b", 
  editing: true, 
  logo: FileList, 
}

Логотип FileList содержит имя и файл загруженного мной файла, я думаю

0: File(19355) {name: "11964821.jpeg", lastModified: ......

с использованием fetch для отправки на nodejs, изображение содержит мои файлы и данные выше

function Update(image) {

    const requestOptions = {
        method: 'POST',
        headers: { ...authHeader(), 'Content-Type': 'application/x-www-form-urlencoded' },
        body: JSON.stringify(image)
    };
    return fetch(`${apiUrl}/API`, requestOptions).then(handleResponse)
    .then( data => {  return data; });
}

, но эти данные не получают nodejs, потому что он пробовал re.file и т. Д. Его показ не определен

app.post('/image', upload.single('logo'), function (req, res, next) {

})

включает формданные

  const onSubmit = (image, dispatch)=>{

    var formData = new FormData(); 
    formData.append('logo',image.logo[0]);

    var imageNew = {...image,formData};

    dispatch(imageActions.companyProfileLogoUpdate(imageNew)) ;  
  }

сейчас log is

formData: FormData {}
id: "5c66478b0814720a4365fe72"
logo: FileList {0: File(19355), length: 1}
parentId: "5c66478b0814720a4365fe71"

Answer 1

переместить formData для извлечения файла и удаления типа содержимого заголовка, Попробуйте это

function Update(image) {

var formData = new FormData(); 
formData.append('logo',image.logo[0]);  

    const requestOptions = {
        method: 'POST',
        headers: { ...authHeader() },
        body: formData
    };
    return fetch(`${apiUrl}/API`, requestOptions).then(handleResponse)
    .then( data => {  return data; });
}

Answer 2

let formData = new FormData();
formData.append('logo' , {{your image file}}

// upload file as 
let result = await sendServerRequestForForm(url,formData);


function sendServerRequestForForm(url,data) {
var promise = new Promise(function(resolve) {
    resolve($.ajax({
        url,
        method : 'POST',
        data,
        processData: false,
        contentType: false,
        success: function(data) {
            return data
        },
        error: function (err) {
            try{
                let responseStatus = err.responseJSON
                // watch your response
            }catch (e) {
                console.log('Field to get response');
            }
        }
    }));
});
return promise

}

Answer 3

для получения API вы можете попробовать это

let formData = new FormData();
formData.append('logo', fileList[0]);

fetch(url, {
method: 'post',
body: data,
})
.then(…);

Answer 4

Первый для использования fetch api для сообщения content-type header должен соответствовать typeof body.поскольку ваше тело json stringified, заголовок contentType должен быть 'application/json'. Подробнее об этом .

Секунда .поскольку вы хотите загрузить изображение, которое file следует использовать FormData без необходимости установки contentType: например, ниже :

let formData = new FormData();
formData.append('logo', image.logo[0]);

const requestOptions = {
  method: 'POST',
  body: formData
};

fetch(`${apiUrl}/API`, requestOptions)
.then(handleResponse)...