从 NodeJS 上传多张图片到 PHP 服务器

Question

NodeJS 开发人员，我有一种情况，我必须将本地图像从 NodeJS 上传到 PHP 服务器。没有报错，请求成功 200 OK，但是图片没有出现在PHP服务器中。注意：我是一名 nodeJS 开发人员，在 PHP 方面没有太多经验。这是想做的事情：在 NodeJs 中，有一个文件列表，现在我想将这些文件一个一个地附加到 formData 中，之后，我必须将这个表单数据发布到 PHP 服务器，以便将图片上传到 PHP 服务器，在 PHP 服务器中，在第一行，它从 post 请求接收文件，然后循环将具有支持扩展名的文件一个一个地移动到上传目录，循环完成后它发回一个包含文件数组的响应'下载地址一切正常，我已经安慰了一切，一切都有完美的价值，甚至 HTTPS POST 请求也成功了，但是 PHP 服务器没有图像，PHP 服务器没有接收请求中的文件，所以看起来多部分数据不起作用NodeJs。看起来 formData 在 NodeJs 中不能正常工作，因为相同的代码在浏览器中的客户端 JS 上工作。节点：- const Axios = require('axios'); const Fs = require('fs'); const FormData = require('form-data'); var formData = new FormData(); //here allFiles is an array of object , each object contains 1 file with details like local file path ,name,sizefor (var index = 0; index < allFiles.length; index++) { //Append multiple files to formData.            let currentFile = allFiles[index]            //createReadStream Retyrns fileData            let fileWithInfo = await Fs.createReadStream(currentFile.uri)            formData.append("files[]", fileWithInfo );       } Axios.post('example.com/upload.php',formData,     {         headers: formData.getHeaders()     })     .then(d => console.log("DONE=>>>> ", d.data))     .catch((f) => console.log('FAILED=>> ', f))    });PHP 代码：-<?php// Count total files$countfiles = count($_FILES['files']['name']);// Upload directory$upload_location = "uploads/";// To store uploaded files path$files_arr = array();// Loop all filesfor($index = 0;$index < $countfiles;$index++){   // File name   $filename = $_FILES['files']['name'][$index];   // Get extension   $ext = pathinfo($filename, PATHINFO_EXTENSION);   // Valid image extension   $valid_ext = array("png","jpeg","jpg");   // Check extension   if(in_array($ext, $valid_ext)){     // File path     $path = $upload_location.$filename;     // Upload file     if(move_uploaded_file($_FILES['files']['tmp_name'][$index],$path)){        $files_arr[] = $path;     }   }}echo json_encode($files_arr);die;

Answer 1

<?php

// Count total files

var_dump($_FILES['files']);

$countfiles = count($_FILES['files']['name']);

echo $countfiles;

// Upload directory

$upload_location = "uploads/";

// To store uploaded files path

$files_arr = array();

// Loop all files

for($index = 0;$index < $countfiles;$index++){

  echo $index;

   // File name

  $filename = $_FILES['files']['name'][$index];

  echo $filename;

   // Get extension

  $ext = pathinfo($filename, PATHINFO_EXTENSION);

  echo $ext;

   // Valid image extension

   $valid_ext = array("png","jpeg","jpg", "csv");

   // Check extension

   if(in_array($ext, $valid_ext)){

     // File path

     $path = $upload_location.$filename;

     // Upload file

     if(move_uploaded_file($_FILES['files']['tmp_name'][$index],$path)){

        $files_arr[] = $path;

     }

   }

}

/* echo json_encode($files_arr); */

die;

const Axios = require('axios');

 const Fs = require('fs');

 const FormData = require('form-data');

const allFiles = [

  {uri: 'my/Spark_Dataset/combin.csv'},

  {uri: 'my/Spark_Dataset/combine-csv.csv'},

  // {uri: 'C:\\Users\\my\\combine-csv.csv'}

];

(async function() {

  var formData = new FormData();

  //here allFiles is an array of object , each object contains 1 file with details like local file path ,name,size

  for (var index = 0; index < allFiles.length; index++) { //Append multiple files to formData.

    // console.log(index);

    let currentFile = allFiles[index]

    //createReadStream Retyrns fileData

    // console.log(currentFile);

    let fileWithInfo = await Fs.createReadStream(currentFile.uri)

    formData.append("files[]", fileWithInfo );

  }

  console.log(formData);

  Axios.post('http://localhost:8000/upload.php',

    formData,

    {

      headers: formData.getHeaders(),

      // 'Content-Type':'multipart/form-data',

    })

    .then(d => console.log("DONE=>>>> ", d.data))

    .catch((f) => console.log('FAILED=>> ', f))

})();

packages.json

"axios": "^0.20.0",

"form-data": "^3.0.0",

"fs": "0.0.1-security",

首先我启动了本地服务器php -S localhost:8000

运行本地服务器后，我运行 index.js 文件，node index.js

我在本地测试了代码，它工作正常。

Answer 2

Axios.post('example.com/upload.php', formData, {

  headers: formData.getHeaders()

})

.then(d => console.log("DONE=>>>> ", d.data))

.catch((f) => console.log('FAILED=>> ', f));

您缺少axios post 请求中您的情况，您可以直接传递 formData 或调用 formData.getBuffer() data。formData

Answer 3

https://github.com/form-data/form-data#buffer-getbuffer

const { readFile } = require('fs/promises');

for (let index = 0; index < allFiles.length; index++) {

  const currentFile = allFiles[index];

  const fileWithInfo = await readFile(currentFile.uri);

  formData.append('files[]', fileWithInfo);

}

axios.post('https://example.com/', formData.getBuffer(), formData.getHeaders());

// you have to send files as buffer

还有流 https://stackoverflow.com/a/53126159/8784402的解决方案

const response = await axios({

        method: 'post',

        url: 'http://www.yourserver.com/upload',

        data: formData,

        headers: {

        'content-type': `multipart/form-data; boundary=${form._boundary}`,

        },

    });

Answer 4

也许我的回答没有解决，但我建议对 PHP 代码进行一些更改。当然，$_FILES 数组中的键不能是数字，最好使用 foreach 而不是 for。我允许自己稍微更改您的代码以使其更小

<?php

// Upload directory

$upload_location = "uploads/";

// To store uploaded files path

$files_arr = array();

// Valid image extension

$valid_ext = array("png","jpeg","jpg");

foreach($_FILES['files']['name'] as $key => $file) {

    if(

        in_array(pathinfo($_FILES['files']['name'][$key], PATHINFO_EXTENSION), $valid_ext)

        &&

        move_uploaded_file($_FILES['files']['tmp_name'][$key],$upload_location.$_FILES['files']['name'][$key])

    ) {

        $files_arr[] = $upload_location.$_FILES['files']['name'][$key];

    } else {

        //Only for debugging

        $files_arr[] = 'Not uploaded: '.$upload_location.$_FILES['files']['name'][$key];

    }

}

echo json_encode($files_arr);

die;

Answer 5

您allFiles.length在 NodeJS 代码中错过了循环中的参数。正确的代码将是

for (var index = 0; index < allFiles.length; index++) {

PHP代码是正确的，但是如果你发送一个空的files数组，它不会出错并且会返回成功响应！