uploadImages | uploadImages 微信小程序上传多张图片

I am building a page to list products. So I've one input:file button to select multiple images and then I'm calling an API to upload that images on the server and displaying progress in UI with images. Here's my code.

I can't get my head around why I'm getting this error. Does anyone know what is wrong with the code? The code worked when there was only the "class image" and the error started appearing after I added back "function App()".

App.js =>

I am trying to do image upload by the queue. Currently, I need to upload the images by fives

For example, if I have 10 images, I need to upload 5 images and when these 5 will be uploaded I need to do another request for the remaining 5 images.

After a lot of searches and testing a lot of RXJS operators/functions I could find this solution by (concat - RXJS function), and (scan and last - RXJS operators):

in index.html

i have made two identical functions to upload and image and second to upload an additional image. The first one works perfectly but imageSecond dosent work properly.

When i upload image it works perfectly but when i upload imageSecond it dosent work properly please i am stuck here from a long time i really need some help.

Also, I am using django for backend and react for frontend.

Here is the Code:

ProductEditScreen.js:

So I have written a simple Azure Function (AF) that accepts (via Http Post method) an IFormCollection, loops through the file collection, pushes each file into an Azure Blob storage container and returns the url to each file.

The function itself works perfectly when I do a single file or multiple file post through Postman using the 'multipart/form-data' header. However when I try to post a file through an xUnit test, I get the following error:

System.IO.InvalidDataException : Multipart body length limit 16384 exceeded.

I have searched high and low for a solution, tried different things, namely;

• Replicating the request object to be as close as possible to Postmans request.
• Playing around with the 'boundary' in the header.
• Setting 'RequestFormLimits' on the function.

None of these have helped so far.

The details are the project are as follows:

Azure Function v3: targeting .netcoreapp3.1

Startup.cs

Here is my code! I want loop object in useEffect! I have a task to edit data! so for that I created a state and using useEffect I am taking data and showing values on input fields! but data I want to show that is images!

I want to use a library called react-native-image-picker to deliver the image to the backend server using formData and save it to the computer diskStorage upload using multer.

However, there is some confusion in using this. If I use my code I get this error:

MulterError: Unexpected fielderror.

How can I fix the code?

this is my code

(front/Third.js)

i have 3 functions :

I'm new to async and await, I have a simple web app with firebase which gets files through input fields and upload them to the firebase via a button click but when I click button it does,t wait for async function to uload the files at first click. But when I click second time the files uploaded and I got the expected output. How can I solve this? Here are my codes

Upload Function