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