js预览图片问题

下面是以个上传图片和预览上传图片的页面代码？
下面的代码都没问题！
现在出现的问题就是？----我在上传一些特别小的图片的时候[如9KB大小的]在页面预览的时候就出现红叉无法预览，存到
数据库的时候再在页面也没法读出来。
别的图片都可以正常运行，就是一些小的图片不能运行。
请问下有什么解决方案：
1.当预览发现不是图片是红叉 就用JS控制 【这样怎么实现】
2.图片的扩大到120 150 是不是小的图片无法扩展到那么大 所以是红叉在线等待答复！！！！谢谢！！！！  
<ww:if test="%{model.personBaseInfo.picture!=null}">
<div  style="width:120; height:150"> 
<img id="pic" src="<ww:url value="/webenroll/getWebExamineePic.action?encodeId=%{model.id}"/>"  width="120" height="150">
</div>
</ww:if>
<ww:else>
<div  style="width:120; height:150">
<img id="webExamineePic" src="<c:url value='/images/photo.JPG'/>" width="120" height="150">
</div>
</ww:else>
<td > <ww:file id="file" name="file" cssStyle="width:150px" theme="simple" cssClass="fontinput" onchange="changesrc()"/>
<font color="red">*</font></td>
function changesrc(){
<ww:if test="%{model.personBaseInfo.picture!=null}">
$('pic').src=document.forms.registerForm.file.value;
</ww:if>
<ww:else>
$('webExamineePic').src=document.forms.registerForm.file.value;
</ww:else>
}