Question

HTML点击图片出现选择文件框并能够提交表单进行验证

今天 看了大神写的代码 能够出现选择文件框 但是选择之后怎么提交表单来进行验证呢？
代码如下 ：
<script type="text/javascript">
function F_Open_dialog()
{
document.getElementById("btn_file").click();
}

</script>

<div>

<input type="file" id="btn_file" style="display:none">
<img src="images/default.gif" onclick="F_Open_dialog()">

</div>

Answer 1

首先你得加个表单标签<form>吧，再得加个提交按钮吧<input type="submit">，其次因为是文件，得修改提交的编码格式吧<form enctype=“multipart/form-data” >，后续的就是提交到什么地方？<form action="??">，然后就是你想做什么验证？例如文件格式验证建议用js做好点，<input type="file" id="btn_file" style="display:none">去掉style里面的，可以根据id得到值，以.解析得到后缀名进行验证，也可以做文件大小格式的验证等等，可以百度，这个很多的。