レンダリングは次のとおりです: コードは次のとおりです: コードをコピーします コードは次のとおりです: ローカル画像プレビュー ; <br>#preview{幅:100px;高さ:100px;ボーダー:1px ソリッド #000;オーバーフロー:隠し;} <br>#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);} <br> <br>関数プレビュー画像(ファイル) <br>{ <br>var MAXWIDTH = 100; var MAXHEIGHT = 100; <br>var div = document.getElementById('preview'); <br>if (file.files && file.files[0]) <br>{ <br>div.innerHTML = '<img id=imghead> '; <br>var img = document.getElementById('imghead'); <br>img.onload = function(){ <br>var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight); 🎜>img.width = 長方形の幅; <br>img.height = 長方形の高さ; <br>img.style.marginTop = 長方形の幅px'; <br>} <br>var Reader = new FileReader(); <br>reader.onload = function(evt){img.src = evt.target.result;} <br>reader.readAsDataURL(file. files[0]); <br>} <br>else <br>{ <br>var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="'; <br>file.select (); <br>var src = document.selection.createRange().text; <br>div.innerHTML = '<img id="imghead" alt="IEおよびFF_javascriptスキルと互換性のある画像をアップロードする前にjsコードをプレビューします" >'; <br>var img = document.getElementById('imghead') ; <br>img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src; <br>var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetHeight); 'rect:'rect.top','rect.left','rect.width','rect.height); <br>div.innerHTML = "<div id=divhead style="max-width:90%" rect.width "px;height:" 長方形の高さ "px;margin-top:" rect.top "px;margin-left:" rect.left "px;" sFilter src ""'></div>"; <br>} <br>} <br>function clacImgZoomParam(maxWidth, maxHeight, width, height ){ <br>var param = {top:0, left:0, width:width, height:height}; ( 幅 > maxWidth || 高さ > maxHeight ) <br>{ <br>rateWidth = width / maxWidth; <br>rateHeight = height / maxHeight; <br><br>if( rateWidth > rateHeight ) <br>{ <br>param.width = maxWidth; <br>param.height = Math.round(height / rateWidth); <br>}else <br>{ <br>param.width = Math.round(width / rateHeight); 🎜>param.height = maxHeight; <br>} <br>} <br><br>param.left = Math.round((maxWidth - param.width) / 2); round((maxHeight - param.height ) / 2); <br>戻りパラメータ <br></head><BR> ;div id="プレビュー"> ; <BR><img id="imghead" width=100 height=100 border=0 src='../images/head01_big.jpg'> ; <br><br/ > <br><input type="file" onchange="previewImage(this)" /> <br></html> ><br> </div>
