js兼容火狐獲取圖片寬和高的方法
更新時(shí)間：2015年05月21日 09:52:29 作者：3H
這篇文章主要介紹了js兼容火狐獲取圖片寬和高的方法,涉及javascript圖片操作的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了js兼容火狐獲取圖片寬和高的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<!doctype html>
<html>
<head>
<meta content="text/html; charset=GBK" http-equiv="Content-Type" />
<title>獲取Image 寬高</title>
</head>
<body>
<script>
function newimage(obj) {
a = new Image();
var objectURL = window.URL.createObjectURL(obj.files[0]);
var img= document.getElementById('img')
img.src = objectURL;
a.src = objectURL;
img.onload=function (){
alert(img.width);
alert(img.height);
}
}
</script>
<input id="idcardfile" type="file" name="idcardfile"
onchange="newimage(this)"/>
<img id="img" style="display: none;">
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
用JavaScript實(shí)現(xiàn)字符串切分功能
用JavaScript實(shí)現(xiàn)字符串切分功能...2007-01-01
JavaScript?？际謱戭}之柯里化與數(shù)組扁平化的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript常考手寫題中柯里化與數(shù)組扁平化、數(shù)組去重的實(shí)現(xiàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
基于JS快速實(shí)現(xiàn)導(dǎo)航下拉菜單動(dòng)畫效果附源碼下載
這是一個(gè)帶變形動(dòng)畫特效的下拉導(dǎo)航菜單特效。該導(dǎo)航菜單在菜單項(xiàng)之間切換時(shí)，下拉菜單會(huì)快速的根據(jù)菜單內(nèi)容的大小來動(dòng)態(tài)變形，顯示合適的下拉菜單大小，效果非常棒，對(duì)導(dǎo)航下拉菜單效果感興趣的朋友一起通過本文學(xué)習(xí)吧2016-10-10
看了網(wǎng)上好多在vscode上調(diào)試javascript的代碼，總是出現(xiàn)問題，索性自己寫一個(gè)，下面這篇文章主要給大家介紹了關(guān)于如何利用vscode調(diào)試編譯后的js代碼的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們一起來看看吧2018-05-05
微信小程序在其他頁面監(jiān)聽globalData中值的變化
這篇文章主要給大家介紹了關(guān)于微信小程序如何在其他頁面監(jiān)聽globalData中值的變化的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
bootstrap-table formatter 使用vue組件的方法
Bootstrap table是國人開發(fā)的一款基于 Bootstrap 的 jQuery 表格插件，通過簡單的設(shè)置，就可以擁有強(qiáng)大的單選、多選、排序、分頁，以及編輯、導(dǎo)出、過濾（擴(kuò)展）等等的功能。這篇文章重點(diǎn)給大家介紹bootstrap-table formatter 使用vue組件的方法，感興趣的朋友一起看看2019-05-05
網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法
這篇文章主要為大家詳細(xì)介紹了網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法，感興趣的小伙伴們可以參考一下2016-03-03
詳解JavaScript面向?qū)ο髮?shí)戰(zhàn)之封裝拖拽對(duì)象
本文主要介紹了JavaScript如何用面向?qū)ο蟮姆绞椒庋b拖拽對(duì)象，通過3種方式來實(shí)現(xiàn)，幫助讀者更好的理解其原理2021-06-06
javascript設(shè)計(jì)模式 – 組合模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 組合模式,結(jié)合實(shí)例形式分析了javascript組合模式相關(guān)概念、原理、應(yīng)用場景及相關(guān)使用注意事項(xiàng),需要的朋友可以參考下2020-04-04
uni-app微信小程序登錄授權(quán)的實(shí)現(xiàn)
這篇文章主要介紹了uni-app微信小程序登錄授權(quán)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05