javascript 圖片上傳預(yù)覽-兼容標(biāo)準(zhǔn)
更新時(shí)間:2009年06月01日 01:51:21 作者:
js圖片上傳預(yù)覽
復(fù)制代碼 代碼如下:
<!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格式,即可
您可能感興趣的文章:
- Javascript圖片上傳前的本地預(yù)覽實(shí)例
- js圖片上傳前預(yù)覽功能(兼容所有瀏覽器)
- 圖片上傳之前檢查大小、尺寸、格式并預(yù)覽的js代碼
- js實(shí)現(xiàn)圖片上傳預(yù)覽原理分析
- Vue.js 2.0 移動(dòng)端拍照壓縮圖片上傳預(yù)覽功能
- js前端實(shí)現(xiàn)多圖圖片上傳預(yù)覽的兩個(gè)方法(推薦)
- 兼容IE和FF的圖片上傳前預(yù)覽js代碼
- angularjs實(shí)現(xiàn)多張圖片上傳并預(yù)覽功能
- js實(shí)現(xiàn)前端圖片上傳即時(shí)預(yù)覽功能
- js實(shí)現(xiàn)圖片上傳并預(yù)覽功能
相關(guān)文章
JS獲取當(dāng)前網(wǎng)址、主機(jī)地址項(xiàng)目根路徑
本文為大家提供JS如何獲取當(dāng)前網(wǎng)址、主機(jī)地址之后的目錄及項(xiàng)目根路徑的方法,喜歡的朋友可以收藏下2013-11-11JavaScript中Location.search處理使用方法
本文主要介紹了JavaScript中Location.search處理使用方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04iframe窗口高度自適應(yīng)的又一個(gè)巧妙實(shí)現(xiàn)思路
這篇文章主要介紹了實(shí)現(xiàn)iframe窗口高度自適應(yīng)的又一個(gè)巧妙思路,需要的朋友可以參考下2014-04-04JavaScript 解析數(shù)學(xué)表達(dá)式的過(guò)程詳解
這篇文章主要介紹了JavaScript 解析數(shù)學(xué)表達(dá)式的過(guò)程詳解,本文以一個(gè)的解題思路,來(lái)分享如何解決問(wèn)題,解決的過(guò)程,可以作為解決工作中一般問(wèn)題的通用思路,對(duì)js解析表達(dá)式相關(guān)知識(shí)感興趣的朋友一起看看吧2022-06-06JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法
這篇文章主要介紹了JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法,涉及JavaScript針對(duì)頁(yè)面元素與字符串的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-03-03JS簡(jiǎn)單實(shí)用的倒計(jì)時(shí)效果實(shí)現(xiàn)代碼
沒(méi)有事研究了下倒計(jì)時(shí)的效果,因此自己練習(xí)了一下,需要的朋友可以參考下2012-08-08