顶部导航开始 -->

如何判断图片是否上传?

其实图片上传的事件使用type="file"的input框的change事件进行判定的,如果用户点击了上传图片按钮,我们通过给这个按钮添加change事件,来判断用户点击之后是否上传了图片。即:如果上传图片的时候,希望图片上传之后,给出一个图片已上传的提示,需要用到change事件。

自学php博客

具体的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>



自学php博客
请先登陆后发表评论
  • 最新评论
  • 总共0条评论
  • © 2014-2016 zixuephp.cn 版权所有
  • ICP证:皖ICP备16012107号
  • 联系邮箱:510082587@qq.com
  • 交流请加微信:weibobf2899 或扫下方二维码