純JS實現本地圖片預覽的方法
更新時間：2015年07月31日 12:23:01 作者：ZongLiang
這篇文章主要介紹了純JS實現本地圖片預覽的方法,基于javascript插件實現本地圖片預覽功能,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了純JS實現本地圖片預覽的方法。分享給大家供大家參考。具體如下：
剛突然看到，網上已經有很多類似的代碼，但沒找到一個合適的。就拿自己以前寫的寫了一個。代碼比較簡潔，引用了一個我之前寫的js.方法可以單獨剝離出來使用，未測太多兼容。本機瀏覽器基本都支持（IE，FF，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程序設計有所幫助。
相關文章
首先我們要知道，js這門語言是單線程的，同時只能做一件事，比如說渲染dom，執(zhí)行js方法，這些事情只能一個一個做，不能分開執(zhí)行。（因為js需要操作dom，當兩個js方法同時操作一個dom的時候就會出問題，所以js被設計成了單線程）。本文將介紹JS三座大山之異步和單線程。2021-06-06
數獨（すうどく，Sūdoku）是一種運用紙、筆進行演算的邏輯游戲。玩家需要根據9×9盤面上的已知數字，推理出所有剩余空格的數字，并滿足每一行、每一列、每一個粗線宮內的數字均含1-9，不重復。2015-03-03
js實現的頁面加載完畢之前l(fā)oading提示效果完整示例【附demo源碼下載】
這篇文章主要介紹了js實現的頁面加載完畢之前l(fā)oading提示效果,結合完整實例形式分析了js頁面加載時顯示loading效果的實現技巧,需要的朋友可以參考下2016-08-08
Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二進制數據的三種主要方式，本文將深入探討這些概念，以及它們如何在JavaScript中使用，需要的可以參考一下2023-06-06
這篇文章主要為大家詳細介紹了JavaScript實現可拖拽的進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要是對js上下左右鍵控制焦點的示例代碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
用JavaScript實現UrlEncode和UrlDecode的腳本代碼
用js自定義函數寫的實現url加密解密的實現代碼，需要的朋友可以參考下2008-07-07
這篇文章主要為大家詳細介紹了全面解析Bootstrap手風琴效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
本篇文章主要介紹了JS函數節(jié)流防抖，函數節(jié)流和函數防抖為了解決類似需求應運而生的，有興趣的可以了解一下2017-10-10
這篇文章主要為大家詳細介紹了原生js實現輪播圖的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02