From 1c0fe1297eb92b23fc392a06535fd216c8afee9a Mon Sep 17 00:00:00 2001
From: yubaolee <yubaolee@163.com>
Date: Tue, 5 Sep 2023 11:31:28 +0800
Subject: [PATCH] =?UTF-8?q?fix=20issue=20#I7YFLR=20vform=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/pro/dragform.md | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/docs/pro/dragform.md b/docs/pro/dragform.md
index 768bf136..b039af80 100644
--- a/docs/pro/dragform.md
+++ b/docs/pro/dragform.md
@@ -25,4 +25,30 @@
 
 如果表单不配置关联数据库表，流程使用的表单数据只能以json格式存放在`flowinstance`表的`FrmData`字段中，不利于后期数据分析和扩展。至于是否需要关联数据库表，可以根据自己需要进行选择
 
-:::
\ No newline at end of file
+:::
+
+
+## 上传组件
+
+在vform设计表单时，【图片】【文件】两个组件需要和后端上传交互，需要做些特殊的处理。
+
+![20230905112347](http://img.openauth.net.cn/20230905112347.png)
+
+1、调整上传地址，如：
+
+```
+http://localhost:52789/api/Files/UploadWithFormData
+```
+
+2、修改回调:
+
+```javascript
+var imgServerIp ="http://localhost:52789";  //图片服务器IP
+return {
+  name: result.result[0].fileName,
+  url:  new URL(result.result[0].filePath,imgServerIp).href
+}
+```
+配置完成后，在流程实例中即可正常使用上传功能。
+
+![20230905112824](http://img.openauth.net.cn/20230905112824.png)
\ No newline at end of file