上传图片后,图片缩放不成功。求大牛赐教
上传图片后,图片缩放不成功。。。求大牛指教
1.使用的是uploadify上传组件
图片是上传成功后,返回的一个图片相对路径。。。 再在img中显示,然后是希望执行onload
图片缩放,但是不成功。。。
不明白图片加载原理,望大牛指教
1.使用的是uploadify上传组件
<div class="pages" id="pages">
<div id="content">
<div class="upload-form">
<dl>
<dt>上传图片</dt>
<dd class="uploader"><div id="file_upload"></div></dd>
</dl>
</div>
<div class="insert-pool"></div>
<div class="example">
<img alt="" src="http://localhost:5917/UploadFiles/Images/3242035072.jpg" onload="imgResize(64,64,this)" />
</div>
</div>
</div>
图片是上传成功后,返回的一个图片相对路径。。。 再在img中显示,然后是希望执行onload
图片缩放,但是不成功。。。
不明白图片加载原理,望大牛指教
<script type="text/javascript">
//图片等比例缩放
function imgResize(maxWidth, maxHeight, imgObj) {
var image = new Image();
image.src = imgObj.src;
if (image.width > 0 && image.height > 0) {
//debugger;
if (image.width / image.height >= maxWidth / maxHeight) {
if (image.width > maxWidth) {
imgObj.width = maxWidth;
imgObj.height = (image.height * maxWidth) / image.width;
} else {
imgObj.width = image.width;
imgObj.height = image.height;
}
imgObj.alt = image.width + "×" + image.height;
} else {
if (image.height > maxHeight) {
imgObj.height = maxHeight;
imgObj.width = (image.width * maxHeight) / image.height;
} else {
imgObj.width = image.width;
imgObj.height = image.height;
}
imgObj.alt = image.width + "×" + image.height;
}
} else {
alert("缩放失败,未能成功获取原图宽高");
}
}
$(function () {
var count = 0; //已上传图片总数
//上传图片
$("#file_upload").uploadify({
'fileSizeLimit': '2048KB',
'fileTypeExts': '*.gif; *.jpg',
'queueSizeLimit': 3,
'queueID': 'file_upload_queue',
'auto': true,