表单 · form-file 单文件上传
input[data-type="file"] 单文件上传：value 存 JSON 数组 [{"name":"文件名","url":"地址"}]，初始化按已存值渲染文件卡片（可下载 / 删除，删除即回写 value）。
上传接口配 data-url（必填，缺失 init 直接报错）。data-uptype 上传方式：auto（自动按文件 / 切片大小选择）/ complete（整文件一次性传）/ slice（切片）。上传成功取 {status:1,data:{name,url}}。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | file（必填） |
data-url | 上传接口地址（必填） |
data-uptype | aoto / complete / slice，缺省 auto |
value | 已存文件 JSON 数组 [{name,url}] |
单文件上传
<div class="form-item">
<label class="label label-text pd-none">上传合同</label>
<input type="hidden" data-type="file" name="contract" data-url="/admin/upload" value='[{"name":"施工合同2026.pdf","url":"../assets/welcome-top.png"}]'>
</div>
存储格式
[{"name":"施工合同2026.pdf","url":"/storage/file/xxx.pdf"}]
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页