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

純JS實現(xiàn)本地圖片預(yù)覽的方法

 更新時間:2015年07月31日 12:23:01   作者:ZongLiang  
這篇文章主要介紹了純JS實現(xiàn)本地圖片預(yù)覽的方法,基于javascript插件實現(xiàn)本地圖片預(yù)覽功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了純JS實現(xiàn)本地圖片預(yù)覽的方法。分享給大家供大家參考。具體如下:

剛突然看到,網(wǎng)上已經(jīng)有很多類似的代碼,但沒找到一個合適的。就拿自己以前寫的寫了一個。代碼比較簡潔,引用了一個我之前寫的js.方法可以單獨剝離出來使用,未測太多兼容。本機瀏覽器基本都支持(IE,F(xiàn)F,Chrome)

index.html如下:

<html>
<head>
<title>Test</title>
<script type="text/javascript" src="js/z.js"></script>
</head>
<body>
<center>
  <img id="img" src="" /><p />
  <input type="file" id="file" />
</center>
<script>
  z.plimg(z.$('file'),z.$('img'),function(file,img,url){
    alert(url);
  });
</script>
</body>
</html>

z.js點擊此處本站下載。

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • 淺談JS三座大山之異步和單線程

    淺談JS三座大山之異步和單線程

    首先我們要知道,js這門語言是單線程的,同時只能做一件事,比如說渲染dom,執(zhí)行js方法,這些事情只能一個一個做,不能分開執(zhí)行。(因為js需要操作dom,當兩個js方法同時操作一個dom的時候就會出問題,所以js被設(shè)計成了單線程)。本文將介紹JS三座大山之異步和單線程。
    2021-06-06
  • javascript實現(xiàn)數(shù)獨解法

    javascript實現(xiàn)數(shù)獨解法

    數(shù)獨(すうどく,Sūdoku)是一種運用紙、筆進行演算的邏輯游戲。玩家需要根據(jù)9×9盤面上的已知數(shù)字,推理出所有剩余空格的數(shù)字,并滿足每一行、每一列、每一個粗線宮內(nèi)的數(shù)字均含1-9,不重復(fù)。
    2015-03-03
  • js實現(xiàn)的頁面加載完畢之前l(fā)oading提示效果完整示例【附demo源碼下載】

    js實現(xiàn)的頁面加載完畢之前l(fā)oading提示效果完整示例【附demo源碼下載】

    這篇文章主要介紹了js實現(xiàn)的頁面加載完畢之前l(fā)oading提示效果,結(jié)合完整實例形式分析了js頁面加載時顯示loading效果的實現(xiàn)技巧,需要的朋友可以參考下
    2016-08-08
  • JavaScript中的二進制數(shù)據(jù)處理方法詳解

    JavaScript中的二進制數(shù)據(jù)處理方法詳解

    Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二進制數(shù)據(jù)的三種主要方式,本文將深入探討這些概念,以及它們?nèi)绾卧贘avaScript中使用,需要的可以參考一下
    2023-06-06
  • JavaScript實現(xiàn)可拖拽的進度條

    JavaScript實現(xiàn)可拖拽的進度條

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)可拖拽的進度條,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • js 上下左右鍵控制焦點(示例代碼)

    js 上下左右鍵控制焦點(示例代碼)

    這篇文章主要是對js上下左右鍵控制焦點的示例代碼進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • 用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼

    用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼

    用js自定義函數(shù)寫的實現(xiàn)url加密解密的實現(xiàn)代碼,需要的朋友可以參考下
    2008-07-07
  • 全面解析Bootstrap手風(fēng)琴效果

    全面解析Bootstrap手風(fēng)琴效果

    這篇文章主要為大家詳細介紹了全面解析Bootstrap手風(fēng)琴效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 淺談JS函數(shù)節(jié)流防抖

    淺談JS函數(shù)節(jié)流防抖

    本篇文章主要介紹了JS函數(shù)節(jié)流防抖,函數(shù)節(jié)流和函數(shù)防抖為了解決類似需求應(yīng)運而生的,有興趣的可以了解一下
    2017-10-10
  • 原生js實現(xiàn)輪播圖

    原生js實現(xiàn)輪播圖

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)輪播圖的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02

最新評論