无法将多个图像传递给服务器 Nodejs
Posted
技术标签:
【中文标题】无法将多个图像传递给服务器 Nodejs【英文标题】：Not able to pass Multiple image to Server Nodejs 【发布时间】：2020-05-07 06:10:12 【问题描述】：我使用 android studio 创建了一个应用程序，并使用 NodeJs 为服务器端创建了一个应用程序。我尝试传递单个图像并且能够传递。这一次，我想将多个图像传递给服务器，但是当我开始在 Api.kt 文件中将参数从 image:MultipleBody.Part 更改为 images:List<MultipartBody.Part> 时，在服务器端收到一条错误消息。我不知道我做错了什么。希望能帮我解决这个问题。提前谢谢你。
$ node app 正在监听端口 4545... MulterError: Unexpected field 在 WrappedFileFilter (C:\Users\user\Documents\GitHub\EIS-API\node_modules\multer\index.js:40:19) 在 Busboy。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\multer\lib\make-middleware.js:114:7) 在 Busboy.emit (events.js:223:5) 在 Busboy.emit (C:\Users\user\Documents\GitHub\EIS-API\node_modules\busboy\lib\main.js:38:33) 在 PartStream。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\busboy\lib\types\multipart.js:213:13) 在 PartStream.emit (events.js:223:5) 在 HeaderParser。 （C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\Dicer.js:51:16） 在 HeaderParser.emit (events.js:223:5) 在 HeaderParser._finish (C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\HeaderParser.js:68:8) 在 SBMH。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\HeaderParser.js:40:12) MulterError：意外的字段 在 WrappedFileFilter (C:\Users\user\Documents\GitHub\EIS-API\node_modules\multer\index.js:40:19) 在 Busboy。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\multer\lib\make-middleware.js:114:7) 在 Busboy.emit (events.js:223:5) 在 Busboy.emit (C:\Users\user\Documents\GitHub\EIS-API\node_modules\busboy\lib\main.js:38:33) 在 PartStream。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\busboy\lib\types\multipart.js:213:13) 在 PartStream.emit (events.js:223:5) 在 HeaderParser。 （C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\Dicer.js:51:16） 在 HeaderParser.emit (events.js:223:5) 在 HeaderParser._finish (C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\HeaderParser.js:68:8) 在 SBMH。 (C:\Users\user\Documents\GitHub\EIS-API\node_modules\dicer\lib\HeaderParser.js:40:12)
Api.kt
@Multipart
@POST("perkhidmatan_rumput/api/PostPemantauanPerkhidmatanPotingRumput" +
"/zon/syarikat/alamat_syarikat/nama_penyelia/taman/bulan/tahun" +
"/masa/timeAMPM/pusingan/status/catatan/state/entryOperator")
fun postPemantauanPerkhidmatanPotingRumput(
@Path("zon")zon:String,
@Path("syarikat")syarikat:String,
@Path("alamat_syarikat")alamat_syarikat:String,
@Path("nama_penyelia")nama_penyelia:String,
@Path("taman")taman:Int,
@Path("bulan")bulan:String,
@Path("tahun")tahun:String,
@Path("masa")masa:String,
@Path("timeAMPM")timeAMPM:String,
@Path("pusingan")pusingan:String,
@Path("status")status:String,
@Path("catatan")catatan:String,
@Path("state")state:String,
@Path("entryOperator")entryOperator:String,
@Part images:List<MultipartBody.Part>
//@Part image:MultipartBody.Part?
):LiveData<GenericApiResponse<OnResponse>>
PemoViewModel.kt
public fun getAllImages():List<MultipartBody.Part>?
var info = getCurrentViewStateOrNew()
var pic:List<GambarSebelum>? = info.gambarSebelum
var images = mutableListOf<MultipartBody.Part>()
pic?.let
for ( item in it)
var multipartBody: MultipartBody.Part? = null
item.url?.path?.let filePath ->
val imageFile = File(filePath)
val requestBody =
RequestBody.create(
MediaType.parse("image/*"),
imageFile
)
multipartBody = MultipartBody.Part.createFormData(
"image",
imageFile.name,
requestBody
)
images.add(multipartBody!!);
return images;
PemoFragment.kt
_binding.btnLogin.setOnClickListener
if(!isFill())
Toast.makeText(requireContext(),"sila penuhkan ruang diatas..",Toast.LENGTH_SHORT).show()
return@setOnClickListener
var bulan:String = CALENDER.valueOf(_binding.idBulanSpinner.selectedItem.toString()).value
var taman:Int? = _viewModel.getTamanIdByTamanName(_binding.idTamanSpinner.selectedItem.toString())
var pusingan:String? = _viewModel.getPusinganByPusinganName(_binding.idPusinganSpinner.selectedItem.toString())
var status:String? = _viewModel.getStatusByStatusName(_binding.idStatusSpinner.selectedItem.toString())
var images:List<MultipartBody.Part>? = _viewModel.getAllImages()
if(taman != null && pusingan != null && status != null)
//insert information to server (database)
_viewModel.setStateEvent(
FormRumputStateEvent.SubmitPemantauanForm(
PemantauanPotongRumputResponse(
_binding.idZonsSpinner.selectedItem.toString(),
_binding.idNamaSyarikatEdit.text.toString(),
_binding.idAlamatSyarikat.text.toString(),
_binding.idNamaPenyeliaKontraktorEdit.text.toString(),
taman,
bulan,
_binding.idTahunEdit.text.toString(),
_binding.idMasaEdit.text.toString(),
_binding.idAmPmSpinner.selectedItem.toString(),
pusingan,
status,
_binding.idCatatanEdit.text.toString(),
STATE_STATUS.CREATE.name,
"ADMIN",
images!!
)
))
else
Toast.makeText(requireContext(),"[Error] Taman,Bulan,pusingan or status has Problem..",Toast.LENGTH_SHORT).show()
return@setOnClickListener
PemantauanPotongRumputResponse
data class PemantauanPotongRumputResponse(
@Expose
@SerializedName("zon")
val zon:String,
@Expose
@SerializedName("syarikat")
val syarikat:String,
@Expose
@SerializedName("alamat_syarikat")
val alamat_syarikat:String,
@Expose
@SerializedName("nama_penyelia")
val nama_penyelia:String,
@Expose
@SerializedName("taman")
val taman:Int,
@Expose
@SerializedName("bulan")
val bulan:String,
@Expose
@SerializedName("tahun")
val tahun:String,
@Expose
@SerializedName("masa")
val masa:String,
@Expose
@SerializedName("timeAMPM")
val timeAMPM:String,
@Expose
@SerializedName("pusingan")
val pusingan:String,
@Expose
@SerializedName("status")
val status:String,
@Expose
@SerializedName("catatan")
val catatan:String,
@Expose
@SerializedName("state")
val state:String,
@Expose
@SerializedName("entryOperator")
val entryOperator:String,
@Expose
@SerializedName("images")
val images:List<MultipartBody.Part>
)
服务器端 NODE.JS
router.post('/api/PostPemantauanPerkhidmatanPotingRumput/:zon/:syarikat/:alamat_syarikat/'+
':nama_penyelia/:taman/:bulan/:tahun/:masa/:timeAMPM/:pusingan/:status/:catatan/:state/'+
':entryOperator', upload.array('images',9),(req,res,next) =>
try
const file = req.files;
if (!file)
res.status(400).json(
"status": "failed",
"code" : "400",
"message" : "Please upload file"
);
res.status(200).json(
"status": "success",
"code" : "200",
"message" : "file uploaded successfully"
);
console.log(file);
console.log(req.body);
catch(err)
console.log(error.message);
res.status(200).json(
"status": "failed",
"code" : "500",
"message" : error.message
);
)
【问题讨论】：
【参考方案1】：能够解决问题。只需确保MultipartBody.Part.createFormData 的第一个参数“图像”与服务器端参数upload.array("images") 相同
multipartBody = MultipartBody.Part.createFormData(
"images",
imageFile.name,
requestBody
)
PemoViewMode.kt
public fun getAllImages():List<MultipartBody.Part>?
var info = getCurrentViewStateOrNew()
var pic:List<GambarSebelum>? = info.gambarSebelum
var images = mutableListOf<MultipartBody.Part>()
pic?.let
for ( item in it)
var multipartBody: MultipartBody.Part? = null
item.url?.path?.let filePath ->
val imageFile = File(filePath)
val requestBody =
RequestBody.create(
MediaType.parse("image/*"),
imageFile
)
multipartBody = MultipartBody.Part.createFormData(
"images",
imageFile.name,
requestBody
)
images.add(multipartBody!!);
return images;
服务器端（NODEJS）
router.post('/api/PostPemantauanPerkhidmatanPotingRumput/:zon/:syarikat/:alamat_syarikat/'+
':nama_penyelia/:taman/:bulan/:tahun/:masa/:timeAMPM/:pusingan/:status/:catatan/:state/'+
':entryOperator', upload.array('images',9),(req,res,next) =>
try
const file = req.files;
if (!file)
res.status(400).json(
"status": "failed",
"code" : "400",
"message" : "Please upload file"
);
res.status(200).json(
"status": "success",
"code" : "200",
"message" : "file uploaded successfully"
);
console.log(file);
console.log(req.body);
catch(err)
console.log(error.message);
res.status(200).json(
"status": "failed",
"code" : "500",
"message" : error.message
);
)
【讨论】：
以上是关于无法将多个图像传递给服务器 Nodejs的主要内容，如果未能解决你的问题，请参考以下文章
如何将视频文件作为输入传递给 NodeJS 中的子进程并接收帧/图像作为输出？
无法将价格传递给 Stripe Checkout nodejs
nodeJS + Swig模板将变量传递给javascript