欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)上傳圖片前預(yù)覽效果功能

 更新時間:2017年08月03日 14:30:46   作者:祈澈姑娘  
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)上傳圖片前預(yù)覽效果功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下

網(wǎng)上很多代碼實現(xiàn)了上傳圖片這個功能,但不支持實時預(yù)覽圖片,下面實現(xiàn)了上傳圖片前預(yù)覽效果功能,具體如下

效果如圖:

代碼如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery上傳圖片之前可以預(yù)覽效果</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<input id="file" ;="" onchange="c()" type="file"><br>
<img src="" id="show" width="200"><script>
function c () {
  var r= new FileReader();
  f=document.getElementById('file').files[0];
  
  r.readAsDataURL(f);
  r.onload=function (e) {
    document.getElementById('show').src=this.result;
  };
}</script>
</body>
</html>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論