如题,要求:在本地上传一图片后,立马在浏览页面中显示出来。ps:小弟之前从没学过Javascript和css,这两天一直看这方面的书,可是还是一点头绪都没有。如果哪位大大有这方面的资料能不能发给小弟,[email protected]。至于这个问题能不能把代码全部贴出来,因为星期一就要了。如果有比较好的答案,我会适当加分的!先在这里谢谢各位大大了。

解决方案 »

  1.   

    很简单,其实浏览器显示的还是本地的图片,所以可以立刻显示出来。给你一段代码参考一下:
    //显示选中的图片,val代表input type=file那个组件的ID,spanDisplayImage指页面上<span>组件
    function displayImage(val){
      var imagePath = val.value;
      var spanObject = document.getElementById("spanDisplayImage");
      //创建一个图片框显示选中的图片
      var imageObject = document.createElement("img");
      imageObject.setAttribute("src",imagePath);
      spanObject.innerHTML="";
      spanObject.appendChild(imageObject);
    }
    点到为止,其余的自己去研究
      

  2.   

    哎!~应该学下javascript 功能很强大的!很容易上手的!去找本书看看吧!
      

  3.   

    谢谢了,这段代码可以在ie浏览器使用,但是在其他的浏览器似乎就不行了,而且也没有用到ajax技术吧。不知道如何结合ajax技术啊?
      

  4.   

    谢谢两位大大!目前小子正努力学习javascript中。
    可能是我表达不正确,我的要求是通过单击一上传按钮后将图片上传到服务器,然后才在本地页面显示出来……