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