純JS實現(xiàn)本地圖片預覽的方法
本文實例講述了純JS實現(xiàn)本地圖片預覽的方法。分享給大家供大家參考。具體如下:
剛突然看到,網(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程序設計有所幫助。
- JS預覽圖像將本地圖片顯示到瀏覽器上
- Javascript圖片上傳前的本地預覽實例
- javascript IE7 瀏覽器本地圖片預覽
- 在頁面預覽客戶端本地圖片的js代碼(兼容FF IE)
- javascript firefox不顯示本地預覽圖片問題的解決方法
- JS中利用FileReader實現(xiàn)上傳圖片前本地預覽功能
- JavaScript實現(xiàn)圖片本地預覽功能【不用上傳至服務器】
- 原生js FileReader對象實現(xiàn)圖片上傳本地預覽效果
- 基于JavaScript實現(xiàn)本地圖片預覽
- JavaScript實現(xiàn)預覽本地上傳圖片功能完整示例
- js實現(xiàn)的在本地預覽圖片功能示例
相關文章
js實現(xiàn)的頁面加載完畢之前l(fā)oading提示效果完整示例【附demo源碼下載】
這篇文章主要介紹了js實現(xiàn)的頁面加載完畢之前l(fā)oading提示效果,結合完整實例形式分析了js頁面加載時顯示loading效果的實現(xiàn)技巧,需要的朋友可以參考下2016-08-08
JavaScript中的二進制數(shù)據(jù)處理方法詳解
Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二進制數(shù)據(jù)的三種主要方式,本文將深入探討這些概念,以及它們如何在JavaScript中使用,需要的可以參考一下2023-06-06
用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼
用js自定義函數(shù)寫的實現(xiàn)url加密解密的實現(xiàn)代碼,需要的朋友可以參考下2008-07-07

