FileUpload上傳圖片(圖片不變形)
更新時(shí)間：2010年08月05日 14:42:46 作者：
FileUpload上傳圖片(圖片不變形) 的實(shí)現(xiàn)方法，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<style type="text/css">
#newPreview
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=images);
}
</style>
<script type="text/javascript" language="javascript">
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = newPreview.offsetWidth /2;
newPreview.style.height = newPreview.offsetHeight / 2;
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
}
</script>
請(qǐng)選擇一個(gè)圖片進(jìn)行預(yù)覽：
復(fù)制代碼 代碼如下:
<input type="file" size="20" onchange="javascript:PreviewImg(this);" />
<div id="newPreview"></div>
相關(guān)文章
這篇文章主要為大家詳細(xì)總結(jié)了Select2.js下拉框的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
js模擬滾動(dòng)條(橫向豎向)，需要的朋友可以參考一下2013-02-02
JavaScript實(shí)現(xiàn)找出字符串中第一個(gè)不重復(fù)的字符
這篇文章主要介紹了JavaScript實(shí)現(xiàn)找出字符串中第一個(gè)不重復(fù)的字符的方法,需要的朋友可以參考下2014-09-09
利用js判斷手機(jī)是否安裝某個(gè)app的多種方案
這篇文章主要介紹了利用js檢測(cè)手機(jī)是否安裝某個(gè)app的多種方案，當(dāng)判斷后如果安裝了直接打開(kāi)，如果有沒(méi)有安裝將自動(dòng)跳轉(zhuǎn)到下載的界面，有需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-02-02
firefox火狐瀏覽器與與ie兼容的2個(gè)問(wèn)題總結(jié)
這幾天遇到幾個(gè)頭疼的火狐與ie兼容問(wèn)題整理下來(lái)，希望對(duì)需要的朋友有所幫助。2010-07-07
js/jquery控制頁(yè)面動(dòng)態(tài)加載數(shù)據(jù) 滑動(dòng)滾動(dòng)條自動(dòng)加載事件的方法
下面小編就為大家?guī)?lái)一篇js/jquery控制頁(yè)面動(dòng)態(tài)加載數(shù)據(jù) 滑動(dòng)滾動(dòng)條自動(dòng)加載事件的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
JavaScript模擬深藍(lán)vs卡斯帕羅夫的國(guó)際象棋對(duì)局示例
這篇文章主要介紹了JavaScript模擬深藍(lán)vs卡斯帕羅夫的國(guó)際象棋對(duì)局示例,使用javascript較為逼真的模擬出了國(guó)際象棋對(duì)弈的場(chǎng)景,需要的朋友可以參考下2015-04-04
關(guān)于Promise基本方法的簡(jiǎn)單實(shí)現(xiàn)
Promise大家一定都不陌生了,JavaScript異步流程從最初的Callback,到Promise,到Generator,再到目前使用最多的Async/Await,下面這篇文章主要給大家介紹了關(guān)于Promise基本方法的簡(jiǎn)單實(shí)現(xiàn),需要的朋友可以參考下2022-02-02
對(duì)于javascript來(lái)說(shuō)，數(shù)組是一種引用類型，如果只是一維數(shù)組的話，復(fù)制還較為容易，如果是多維數(shù)組呢？如何實(shí)現(xiàn)多維數(shù)組的深度復(fù)制？2017-02-02
JS實(shí)現(xiàn)頁(yè)面載入時(shí)隨機(jī)顯示圖片效果
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面載入時(shí)隨機(jī)顯示圖片效果,涉及javascript基于隨機(jī)數(shù)與數(shù)組的頁(yè)面元素動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2016-09-09