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)文章
微信小程序全局變量GLOBALDATA的定義和調(diào)用過(guò)程解析
這篇文章主要介紹了微信小程序全局變量GLOBALDATA的定義和調(diào)用過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
使用Bootstrap和Vue實(shí)現(xiàn)用戶(hù)信息的編輯刪除功能
這篇文章主要介紹了使用Bootstrap和Vue實(shí)現(xiàn)用戶(hù)信息的編輯刪除功能,需要的朋友可以參考下2017-10-10
使用JavaScript實(shí)現(xiàn)小球按照貝塞爾曲線(xiàn)運(yùn)動(dòng)
要在 JavaScript 中實(shí)現(xiàn)一個(gè)按照貝塞爾曲線(xiàn)運(yùn)動(dòng)的小球,關(guān)鍵是要掌握貝塞爾公式的基本原理和實(shí)現(xiàn)方式,以及使用 JavaScript 處理動(dòng)畫(huà)和物理運(yùn)算,感興趣的小伙伴跟著小編一起來(lái)看看吧2024-10-10
原生javascript實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)效果
這篇文章主要介紹了原生javascript實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)效果的相關(guān)資料,需要的朋友可以參考下2016-02-02
JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法,涉及javascript隨機(jī)數(shù)與字符串運(yùn)算及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09
今天小編就為大家分享一篇layui插件表單驗(yàn)證提交觸發(fā)提交的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
大家都知道在js中沒(méi)有類(lèi)的概念，因此它的對(duì)象也與基于類(lèi)的語(yǔ)言中的對(duì)象有所不同。所以大家要了解面向?qū)ο?，首先要了解js中的對(duì)象和原型，下面本文給大家介紹JavaScript中的對(duì)象和原型(一)知識(shí)，一起看下吧2016-08-08
在 webpack 中使用 ECharts的實(shí)例詳解
這篇文章主要介紹了在 webpack 中使用 ECharts的實(shí)例代碼,需要的朋友可以參考下2018-02-02
利用js正則表達(dá)式驗(yàn)證手機(jī)號(hào),email地址,郵政編碼
利用js正則表達(dá)式驗(yàn)證手機(jī)號(hào),email地址,郵政編碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要介紹了前端路由&webpack基礎(chǔ)配置詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06