html file文件框,InputFile

InputFile

表单文件选择框

标签

标签名

描述

说明

input-file

表单文件框标签

用于表单文件上传

属性

属性名

取值

描述

id

String

id编码

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

设置多个样式

控件详解

● 文件框

效果：

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

● 带操作项的文件框

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('录音失败！');

}

});

}

]]>

效果：

● 其他用法

其他用法和InputText类似，请参考InputText。

示例下载

点此下载input-file相关的示例代码：

imag-input-file.zip