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

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

提交form：
然后js有验证为：
//报名验证
function checksub(form){
if(条件){ //判断是否登录
showModeWindow(); //d出登录框
return false;
}
if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname")focus();
return false;
}
return ture;
}
就这样，就是登录必须登录，并且输入了姓名后，才能提交表单。项目正常用了一段时间，没任何问题，可是有一天，客户突然问题，为什么报名表中有一
条数据没有用户姓名，我就觉得奇怪，就又返回测，怎么测，都会正常提交先登录，或是输入姓名。我百思不得其解。
所以，我都视这个问题为一灵异现象，直至今天，我的网速不好，我再次瞎点，真还发现我自己都提交了一报名信息。再试，再发一个问题，就是页面刚刚加载出提
交按键时，我就点击那个提交按钮，这时，js会发生一个错误，但瞬间就没了，因为页面已经转到报名结果页面。呵，这家伙，这我才明白，原来，网速不好，页
面加载慢，在页面刚加载到提交按钮时，我就点击提交，js验证到用户并未登录，所以执行
showModeWindow（），可是此时，这个d出框相关的东
西还没有加载完毕，就会找不着相应对象，故产生js异常。而可罪恶的submit类型提交按钮，会忽略掉js异常，直接提交表彰。以后出理所谓的“灵异现
象”。
于是，当即改之如下:
js改为：
function checksub(){
if(条件){ //判断是否登录
showModeWindow(); //d出登录框
return;
}
if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname")focus();
return;
}
$("#campaignFrom")submit(); //提交表单。
}

你可以在提交信息的页面中，调用上传的也。上传后的
路径出来后在把它复制到文本筐中。。。之后就可以提交信息
了。。
这样。传上去了。路径也和的介绍一起存到数据库中了。。。

---