'只接受图片类型文件')
发布时间：2025-06-24 17:25:22 作者：北方职教升学中心 阅读量：099
(。var。)。this。file。.。
}。false。createObjectURL。.。)。
如果有错误，请纠正�#;this。=URL。 formData。(。)。.。(。data。 imageSrc。=file。 key。
前端和后端之间的交互通常是：
- 调用接口上传二进制流图片。in。{。.。.。=new。
- 然后上传表格的其他内容（第一步通常返回存储在后台的图片id，第二步是将图片ID传输到后台）
注：目前，
1. 如何上传图片？
图片上传需要二进制流，请求头的 content-type 类型需为 multipart/form-data，传输格式如下图所示。for。dataForm。error。.。 popPic。formData。我只使用了上述方法，另一种我能想到的方法是使用表单和图片 multipart/form-data 格式传输过去但是我和后台目前还没有使用过这种方法。(。.。const。raw。'只接受图片类型文件')。$newMessage。raw。}。
2. 如何传递 multipart/form-data 类型数据？
方法 1： 显式的设置 content-type：multipart/form-data；（这是因为工作项目没有直接使用封装 http 方法，不支持我直接设置）
方法 2： new formData()，使用 for 遍历对象调用 formDataObj.append() 添加键值的方法；（此处可在 http 直接添加公共函数的方法，避免每次都要写）
var。return。FormData。
