场景
效果
属性
属性扩展自 textbox，以下是新增或重写的文件框属性。
| 属性名 | 属性值类型 | 描述 | 默认值 |
|---|---|---|---|
| buttonText | string | 在文本框上附加的按钮显示的文本。 | Choose File |
| buttonIcon | string | 在文本框上附加的按钮显示的图标。 | null |
| buttonAlign | string | 附加按钮位置。可用值有："left", "right"。 | right |
| accept | string | 指定接受的文件类型。 | |
| multiple | boolean | 指定是否接受多文件选择。 | FALSE |
| separator | string | 指定多个文件名称之间的分隔符。 | , |
实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<input class="easyui-filebox" style="width:300px"><br>
<input class="easyui-filebox" style="width:300px" data-options="buttonAlign:'left'"><br>
<input class="easyui-filebox" style="width:300px" data-options="accept:'.png'"><br>
</body>
</html>