可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. File Field 文件输入

File Field 文件输入

名称:

File Field | 文件输入

图标:

功能:

  • 文件输入框
  • 是选择文件上传文件用的一个元件
  • 如果安装的是英文浏览器,则上传按钮和说明文字是英文的;如果中文浏览器则显示中文按钮名称和说明信息
  • 各浏览器对上传框的样式呈现不同,有些带边框有些不带边框
  • 是HTML中的input标签对象

使用方式:

上传文件输入框

  • 一般放于一个行元件中,行元件用来做布局处理
  • 无需修改任何内容,只需对显示边框等调整一下(不调整也可以)
  • 可以添加一个“<On Change>”固定名称的子元件,用于设计一个内容有变时的处理事件

上传时显示台后在运行需等待结果

设计显示一个旋转图标,告诉用户正在后台处理

初始为布尔类型“<Visible>”固定名称变量传入布尔No值不显示行元件,图片也看不见
提交按钮中的点击事件中设计传Yes值给父元件中“<Visible>”变量,则会显示行元件和图标
图标的图片地址是项目的web文件夹下图片文件夹中添加的文件夹名为icon
图片元件的属性设定为:margin:10px auto;display:block;

文件上传时直接传入服务器处理

文件必须直接传入服务端行为处理元件中进行处理,不能在浏览器端传递或转化,这是浏览器一个安全性要求

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义;也可以定义一个样式类,在“html.styleClass”属性中设定类名称
  • 在弹窗中放入的文件上传按钮,样式一般可以定义为:width:450px;height:25px;line-height:25px;border:1px solid #aaa;background-color:#FFF;padding:1px; 可以添加此样式值进行测试

此元件使用可直接参考“无代码开发视频手册”中“文件处理”一章“文件上传”演示说明