1. input和required冲突解决
Question: 使用表单提交验证必填字段时,若同时给 input[type="file"] 添加 readonly 以及 required 属性,则发现,required必填验证失效,既不会提示必填,也可以成功提交。
解决方法:将 readonly 改为 οnfοcus="this.blur()"
<input type="text" name="endDate" onfocus="this.blur()" required autocomplete="off">
2. 表单提交文件/图片
Question: 直接用form表单提交,后台接收不到文件流,只能接收到一个文件名称。
解决方法:设置enctype
默认为:enctype="application/x-www-form-urlencoded"
若要表单中有需要上传文件的表单项时,则必须设置 enctype:enctype="multipart/form-data"
<form action="addNewPack" method="post" name="file_upload" enctype="multipart/form-data">
<input type="text" name="name" />
<br>
<input type="file" name="image" accept="image/*" />
<br>
<input type="submit" value="提交" />
</form>