React.JS：如何制作存储在公共文件夹中的图像的表单数据

Question

there's some images in the public folder and when a user chooses one of them, I have to post the image to the server, and it has to be the image file itself and not its name or anything else, the problem is that when I import the image like this:

import file1 from "../../../public/static/images/1.png"

and then use this code:

const data = new FormData();
data.append("useChoice", file1);

the result will be empty or not a file. how should I handle it?

Answer 1

instead of load image and send it to client, then user send it to server again. u should use link point to those images. If u must do it that way, try https://webpack.js.org/guides/asset-management/#loading-images