其实图片上传的事件使用type="file"的input框的change事件进行判定的,如果用户点击了上传图片按钮,我们通过给这个按钮添加change事件,来判断用户点击之后是否上传了图片。即:如果上传图片的时候,希望图片上传之后,给出一个图片已上传的提示,需要用到change事件。
具体的html代码是:
<td align="right" valign="top">上传图片:</td>
<td>
<div class="file_box">
<input type="button" class="file_btn" value="点击上传附件">
<input type="file" name="path" class="file_input" id="fileField" size="28">
<label class="add_lab"></label>
</div>
<p style="line-height:; color:#0054ff; font-size:12px;">JPG格式,文件大小不超过2M</p>
</td>
//图片验证,文本框发生改变,既显示文字
<script>
$('[name="path"]').change(function(){
$('.add_lab').html('图片已选中');
});
</script>
宠物免费领养小程序,欢迎来踩