BufferedImage画图写入JSP无法显示的问题

最近写web练习，在servlet中画验证码写出至jsp页面显示，出现图片奔溃的情况，怎么调试都没办法解决

<div class="form-group">
        <input name="checkCode" placeholder="请输入验证码" id="checkCode" class="form-control" style="float:left"/>
        <a href="javaScript:refreshCode()" style="margin-left: 10px" style="float:left">
             <img src="/${pageContext.request.contextPath}/CheckCodeServlet" id="checkCodeImg"/>
        </a>
</div>

然后尝试把动态路径改成静态的路径，图片正常加载。

<div class="form-group">
       <input name="checkCode" placeholder="请输入验证码" id="checkCode" class="form-control" style="float:left"/>
       <a href="javaScript:refreshCode()" style="margin-left: 10px" style="float:left">
           <img src="/UserProgram/CheckCodeServlet" id="checkCodeImg"/>
       </a>
 </div>