Question

html 5 怎么使其他元素有file功能

将input 的file功能 关联到其他元素上

Answer 1

html 5 怎么使其他元素有file功能，我的做法是用js控制触发。

做法：

<div style="position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;">
    <p>
	<button id="btn1" type="button">请选择文件1</button>
	<input type="file" name="file1" id="file1" style="display: none;"/>
    </p>
    <p>
	<span id="btn2" style="cursor: pointer;">请选择文件2</span>
	<input type="file" name="file2" id="file2" style="display: none;"/>
    </p>
</div>

<script type="text/javascript">
    $('#btn1').on("click",function(){
	$("#file1").click();
    });
	
    $('#btn2').on("click",function(){
        $("#file2").click();
    });
</script>

Answer 2

一、input:file属性
属性值有以下几个比较常用：
accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。
multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。
1、accept
只能选择png和gif图片
<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />

2、multiple
多文件上传
<input id="fileId2" type="file" multiple="multiple" name="file" />