EasyUI中filebox文件选择框的简单使用

最新推荐文章于 2023-06-26 18:24:22 发布

霸道流氓气质

最新推荐文章于 2023-06-26 18:24:22 发布

阅读量3.7k

点赞数

分类专栏： EasyUI EasyUI入门学习教程文章标签： filebox

本文链接：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/93227435

版权

EasyUI 同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

EasyUI入门学习教程

24 篇文章 3 订阅

订阅专栏

场景

效果

属性

属性扩展自 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>

霸道流氓气质

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
EasyUI中filebox文件选择框的简单使用

场景效果属性属性扩展自 textbox，以下是新增或重写的文件框属性。属性名属性值类型描述默认值 buttonText string 在文本框上附加的按钮显示的文本。 Choose File buttonIcon string 在文本框上附加的按钮显示的图标。 null buttonAlign ...
复制链接

扫一扫