javascript 圖片上傳預(yù)覽-兼容標(biāo)準(zhǔn)

更新時(shí)間：2009年06月01日 01:51:21 作者：

js圖片上傳預(yù)覽

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js圖片上傳預(yù)覽</title> 
<script language="javascript" type="text/javascript"> 
function $(obj){ 
    return document.getElementById(obj); 
} 
window.onload = function(){ 
    $("file1").onchange = function(){ 
        this.select(); 
        $("img1").src = "file:///"+document.selection.createRange().text; 
    } 
} 
</script> 
</head> 

<body> 
<form name="form1"> 
    <input type="file" name="file1" id="file1" /> 
</form> 
<img src="#" id="img1" /> 
</body> 
</html>

保存到本地.htm格式，即可

您可能感興趣的文章:

相關(guān)文章

小程序websocket心跳庫(kù)(websocket-heartbeat-miniprogram)
這篇文章主要介紹了小程序websocket心跳庫(kù)(websocket-heartbeat-miniprogram)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
layui清除radio的選中狀態(tài)實(shí)例
今天小編就為大家分享一篇layui清除radio的選中狀態(tài)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
bootstrap實(shí)現(xiàn)二級(jí)下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了bootstrap實(shí)現(xiàn)二級(jí)下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
微信小程序中單位rpx和rem的使用
rpx是微信小程序新推出的一個(gè)單位，按官方的定義，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)，在rpx出現(xiàn)之前，web頁面的自適應(yīng)布局已經(jīng)有了多種解決方案，為什么微信還搗鼓出新的rpx單位？下面通過這篇文章來一起看看吧。
2016-12-12
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)設(shè)置placeholder提示文字及按鈕選中/取消狀態(tài)的方法,涉及事件綁定及this.setData動(dòng)態(tài)設(shè)置屬性數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本
這篇文章主要介紹了javascript 判斷當(dāng)前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下
2017-02-02
從零搭一個(gè)自用的前端腳手架的方法步驟
這篇文章主要介紹了從零搭一個(gè)自用的前端腳手架的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
js實(shí)現(xiàn)雙擊單元格變成文本輸入框效果代碼
單擊單元格，即可將其變?yōu)槲谋究颍奖憔庉嫓y(cè)試
2008-04-04
微信小程序?qū)崿F(xiàn)圖片壓縮功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片壓縮功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
JavaScript的類型轉(zhuǎn)換(字符轉(zhuǎn)數(shù)字數(shù)字轉(zhuǎn)字符)
不能把JavaScript中的類型轉(zhuǎn)換看作為強(qiáng)制類型轉(zhuǎn)換。
2010-08-08