Skip to main content

文件上传按钮示例

本次案例需要使用到如下组件:

1、PagePlug的文件上传组件

2、自己的文件服务器(如果没有的话,可以使用methodot的http文件服务器)

本次案例演示将使用的是methodot的http文件服务器

1、部署一个http服务器

在methodot的应用商店部署一个http服务器商品

部署成功后会有一个url地址

2、在Pageplug画布中拖入一个文件上传组件

3、在PagePlug新建一个api

4、编辑api

将在methodot上创建的url地址复制到输入框内,并修改类型。在请求体内输入对应的健、值

1、get换成post请求

2、在请求体中,选择Multipart_form_data

3、键:file

4、选择File

5、值:{{FilePicker1.files[0]}}

5、对组件进行绑定

1、支持文件类型:选择任意文件类型

2、数据格式:Binary

3、事件:执行查询——选择“http_file”api——消息提醒——提示消息:yes——提示类型:成功(后续动作可自行发挥~~)

6、可以在http服务器上查看下自己上传的文件