input標簽上傳圖片怎么獲取src；

1. 大家都知道input標簽可以上傳文件
   如：

<input type="file"/>

就可以上傳文件，當然也可以上傳圖片，上傳的圖片的src地址如何取到：

 var reader = new FileReader();
            reader.onload = function(e){
                console.log(e.target.result)
            }
            reader.readAsDataURL(file.files[0]);

e.target.result就是src；其實這個方法就是把你上傳的圖片轉化成base64進行在網絡上流通，在控制台可看出

附一個例子:

<div class="demo"><img width="200px">
<input type="file" onchance="demo(this)"/>
</div>

 function demo(file)
  {
    if (file.files && file.files[0])
    {
      var reader = new FileReader();
      reader.onload = function(evt){
        jQuery(".demo img").attr("src",evt.target.result)
        console.log(evt.target.result)
      }
      reader.readAsDataURL(file.files[0]);
    }
    else
    {
      jQuery(".demo img").attr("src",evt.target.result)
    }
  }

如果想要美觀也可做個模態框。如果想要更多功能可以用插件fileupload自行百度谷歌。