图片处理问题

Question

<tr>
              <td width="100px">&nbsp;&nbsp;链接图片</td>
              <td><input type="file" name="link_pic" class="fl file_input" id="picPath"/>
                  <input type="button" class="upload_btn fl" value="上传" />
                  <span class="graytxt fl" >请上传jpg或gif格式图片，图片大小不超过500k</span></td>
            </tr>
            
           <tr  id="image" >
              <td width="100px">&nbsp;&nbsp;图片预览</td>
              <td>
                 <div id="Preview"/>
           </td>
           </tr>
这是页面中显示图片的代码。怎样实现当点击“file”控件时在<div id="Preview"/>内出现图片，点击“上传”后上传到数据库。

Answer 1

<script>
a=document.getElementById('picPath');
a.onclick=function(){
alert(a.value);
document.getElementById('Preview').innerHTML="<img src='"+a.value+">";
}

Answer 2

不过我认为用a.onclick=来获取值是不行的,当点击之后不一定就有value值,所以你可以尝试使用onchange之类的事件试试