图片上传后怎么回显？

本文介绍如何在使用 form-create 的上传组件 (upload) 中，上传图片后进行回显，以确保图片能够正确显示在表单中。

注意

需要通过 onSuccess 回调，将接口返回内容中的 URL 赋值给 file.url。否则，表单将无法获取到组件的数据。

上传图片

以下以 Element Plus 为例展示如何回显上传的图片。其他 UI 框架的参数顺序可能不一致，请参阅相关官方文档以获取具体细节。

说明

• action: 上传文件的 API 接口 URL。
• onSuccess: 上传成功后的回调函数，处理上传后的响应，更新 file.url 或其他需要的数据。
• file.url: 必须将上传成功后的 URL 赋值给 file.url，否则表单将无法获取图片数据。

props

参数	说明	类型	可选值	默认值
onSuccess	文件上传成功时的钩子 function (res, file) {file.url = res.data.filePath;} 通过给回调中的 file.url 赋值回显	function(response, file, fileList)	—	—