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

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

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

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

剛突然看到,網(wǎng)上已經(jīng)有很多類似的代碼,但沒找到一個(gè)合適的。就拿自己以前寫的寫了一個(gè)。代碼比較簡(jiǎn)潔,引用了一個(gè)我之前寫的js.方法可以單獨(dú)剝離出來使用,未測(cè)太多兼容。本機(jī)瀏覽器基本都支持(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點(diǎn)擊此處本站下載

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

    JavaScript實(shí)現(xiàn)可拖拽的進(jìn)度條

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

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

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

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

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

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

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

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

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

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

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

最新評(píng)論