<form action="" method="post" enctype="multipart/form-data" name="dform">
<label for="ifile"></label>
<input type="file" name="ifile" id="ifile">
<input type="submit" name="button" id="button" value="提交" onclick="网页特效:toi_upimg();">
</form>
<script>
function toi_upimg()
{
var form = document.dform;
var isrc = form.ifile.value;
var pos = isrc.lastindexof('.');
var img = new image();// on load
img.onload = function () {
var width = img.width;
var height = img.height;
img.onload = '';
if (width > 480 || height > 320)
{
// => 480*360
var ratio1 = 320/width;
var ratio2 = 240/height;
if (ratio1 > ratio2)
{
width = parseint(ratio2 * width);
height = 240;
}
else
{
width = 320;
height = parseint(ratio1 * height);
}
alert('注意:图片过大, 系统自动进行了一些调整');
}
toi_img.src = img.src;
toi_img.width = width;
toi_img.height = height;
form.picwidth.value = width;
form.picheight.value = height;
form.mserver.value = "no";
form.xpost.value = '0';
form.ypost.value = '0';
form.xposy.value = '0';
form.yposy.value = '0';
form.xposa.value = '0';
form.yposa.value = '0';
if (form.title.value == '')
{
var pos2 = isrc.lastindexof('');
form.title.value = isrc.substring(pos2+1,pos);
}
toi_update();
delete img;
};// on error
img.onerror = function () {
img.onerror = '';
alert('注意:您刚刚试图上载的一个文件似乎不是合法图片');
delete img;
};// store the source address
if (navigator.appversion.indexof('msie 7') >= 0)
{
document.getelementbyid("filterimage").filters.item("dximagetransform.microsoft.alphaimageloader").src = isrc;
img.src = document.getelementbyid("filterimage").filters.item("dximagetransform.microsoft.alphaimageloader").src;
}
else
{
img.src = isrc;
}
}
</script>
js 检测上传图片类型与高宽(按比例缩放)
时间: 2024-07-31 17:47:29
js 检测上传图片类型与高宽(按比例缩放)的相关文章
js 检测上传图片类型大小代码
js 检测上传图片类型大小代码 var img=null; function showtype() { if(document.up.title.value=="") {alert("请输入照片说明!"); document.up.title.focus(); return false; } var fsize=0; if(img)img.removenode(true); img=document.createelement("img"
js检测浏览器类型代码
js检测浏览器类型代码, 方法1 var ua = navigator.userAgent.toLowerCase(); var binfo = { ve : ua.match(/.+(?:rv|it|ra|ie|me)[/: ]([d.]+)/)[1], ie : /msie/.test(ua) && !/opera/.test(ua), op : /opera/.test(ua), sa : /version.*safari/.test(ua),
php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧
推荐一个简单实用的缩放图片工具 SimpleImage,参考http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/ 使用方法: 设定宽高,不等比例缩放 复制代码 代码如下: <?php include('SimpleImage.php'); $image = new SimpleImage(); $image->load('picture.jpg'); $image->resize(250,400); $i
js检测上传图片大小类型代码
function checkPic(){ var file=document.getElementById("picfile"); if (checkExd(file.value)){ if(checkSize(file.value)){ return true; }else { return false; } }else{ return false; } } function checkSize(fileName){ var img=new Image
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
先上效果图: CSS: 复制代码 代码如下: body{margin:0px;padding:0px;-moz-user-select:none;cursor:default;} .tabEditDiv{position:absolute;width:15px;height:15px;cursor:pointer;} .seltab{position:absolute;width:15px;height:15px;cursor:pointer;background:url(images/selt
javascript 检测上传图片类型代码
<form enctype="multipart/form-data" method="post" name="upform" target="upload_target" action="upload.php"> <input type="file" name="Filedata" id="Filedata"/>
js检测访客浏览器类型的方法
在360浏览器检测 <script>document.write(navigator.userAgent.toLowerCase());</script> 输出来 mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; trident/4.0; .net clr 2.0.50727; infopath.2; asktbptv/5.17.0.25589; alexa toolbar) 在ff浏览器下检测显示为 mozilla/5.0 (w
javascript 检测浏览器类型和版本的代码_javascript技巧
检测浏览器及其版本的代码 复制代码 代码如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: 'unknown', version: 0 }, userAgent = window.navigator.userAgent.toLowerCase(); if ( /(
asp.net(C#)压缩图片,可以指定图片模板高宽_实用技巧
复制代码 代码如下: //生成缩略图函数 //顺序参数:源图文件流.缩略图存放地址.模版宽.模版高 //注:缩略图大小控制在模版区域内 public static void MakeSmallImg(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight) { //从文件取得图片对象,并使用流中嵌入的颜色管理信息 System.Dr