前端图片上传的两种逻辑分析

Posted 2023-03-25

参考技术A     用户在表单中选择文件/图片后即发送请求，后端将文件存入服务器，返回文件对应id，用户提交表单时带上此id，实现表单与文件的关联。

    用户选择图片后，前端使用FileReader()对象将其转换成base64地址，只在前端进行图片预览。表单提交时，将base64转换成file文件，先上传图片，再提交表单。