logo

iMAG移动应用开发指南

InputFile

表单文件选择框

标签

标签名 描述 说明
input-file 表单文件框标签 用于表单文件上传

属性

属性名 取值 描述
id String id编码
style String
input-file样式,包括:
name String 表单项名称
value String 表单项的值
remember Boolean 表单提交时是否记住value
true:记住value
false:不记住value,默认值
placeholder String 输入提示
maxlength Integer >= 0 输入最大长度
readonly Boolean 只读状态
true:只读状态
false:非只读状态,默认值
disabled Boolean 禁用状态
true:禁用状态
false:非禁用状态,默认值
onclick Javascript 点击时触发的脚本
onchange Javascript 内容改变时触发的脚本
onfocus Javascript 获得焦点时触发的脚本
onblur Javascript 失去焦点时触发的脚本

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式

控件详解

● 文件框

<input type="file" name="file"/>

效果:

说明:后台要用multipart接收上传的文件数据。

● 带操作项的文件框

<script>
<![CDATA[
    function doFileBrowse(file) {
        $page.browse({
            complete: function(path){
                file.value = path;
            }
        });
    }
    
    function doFileCamera(file) {
        $phone.camera({
            success: function(path) {
                file.value = path;
            },
            error: function() {
                hint('拍照失败!');
            }
        });
    }
    
    function doFileRecordSound(file) {
        $phone.recordSound({
            success: function(path) {
                file.value = path;
            },
            error: function() {
                hint('录音失败!');
            }
        });
    }
]]>
</script>
<input type="file" name="file">
  <item label="本地上传" onclick="doFileBrowse(this);"/>
  <item label="拍照上传" onclick="doFileCamera(this);"/>
  <item label="录音上传" onclick="doFileRecordSound(this);"/>
</input>

效果:

● 其他用法

其他用法和InputText类似,请参考InputText

示例下载

点此下载input-file相关的示例代码:imag-input-file.zip