点击div显示 文件选择框

来源:互联网 发布:一根糯玉米的热量知乎 编辑:程序博客网 时间:2024/06/16 04:43
<!DOCTYPE html>
<html>
<body>
<div id="container" onclick="choosefile()">
    <div style="text-align:center">Drag and drop files here to upload.</div>
    <input type="file"  name="file0" id="file0" style="display:none;" />
    <ul id="fileList"></ul>
</div>






</body>
</html>


<style type="text/css">
#container{
    min-width: 400px;
    min-height: 280px;
    border: 2px dotted #000;
    -moz-border-radius: 8px;
}
</style>


<script type="text/javascript">
function choosefile() {
    var f = document.getElementById("file0");
        f.click();
}
</script>