上传图片js判断图片尺寸和格式兼容IE
js代码：
$(".head").change(function() {
var val = $(this).val();
if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){
imgtype = false;
alert('图片格式无效！');
}else{
if (FileReader) {
var reader = new FileReader(),
file = this.files[0];
reader.onload = function(e) {
var image = new Image();
image.src = e.target.result;
image.onload=function(){
if(image.width > 128 || image.height > 128){
fill = false;
alert("头像尺寸应在128x128之间");
}
}
};
reader.readAsDataURL(file);
}else{
//这是ie9版本
$(".preview_size_fake").show();
var objPreviewSizeFake = $(".preview_size_fake").get(0);
var fileupload = $(this).get(0);
fileupload.select();
fileupload.blur();
path = document.selection.createRange().text;
if (/"\w\W"/.test(path)) {
path = path.slice(1,-1);
}
objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = path;
if(objPreviewSizeFake.offsetWidth > 128 || objPreviewSizeFake.offsetHeight > 128){
fill = false;
alert("头像尺寸应在128x128之间");
}
document.selection.empty();
}
}
});
css代码（这个是必须写的，如果不写，ie下不起作用）
.preview_size_fake{ /* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
height: 1px;
visibility:hidden;
overflow: hidden;
display: none;
}
html代码：
<input class="head" type="file" name="avatar"> <img class="preview_size_fake" />
-
本文向大家介绍Javascript判断图片尺寸大小实例分析，包括了Javascript判断图片尺寸大小实例分析的使用技巧和注意事项，需要的朋友参考一下 通常我们判断js图片大小都是利用images对象，然后再用attr来获取图片地址再进行判断就可以了，下面来看一些例子。 最简单办法： 上面例子碰到如果页面没有加载完的时候，这时js就获取不了图片大小了，对此我们可以先判断加载完成否再判断图片大小。
-
Many web-developers forget to write width and height attributes for <img> tags which leads to poor UX. This action helps you to automate this process: simply place caret inside <img> tag and run this
-
Icon与图片尺寸 每个应用都需要一个漂亮的、令人难忘的主屏幕图标，以便用户可以很好地识别应用程序。由于用户仅仅通过主屏幕上的icon识别应用程序，所以你的icon应当是可辨认的，并且类似iOS应用程序的icon，并且能传达出应用程序的目的。 Icon尺寸 主屏幕上的icon是圆形的。Table 20-1列出了每个icon相应的直径和用途。所创建的图形资源都是@2x规格（注意:Xcode中的ico
-
本文向大家介绍javascript图片预览和上传（兼容IE），包括了javascript图片预览和上传（兼容IE）的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js图片预览和上传的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍php修改上传图片尺寸的方法，包括了php修改上传图片尺寸的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php修改上传图片尺寸的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的php程序设计有所帮助。
-
本文向大家介绍php判断文件上传图片格式的实例详解，包括了php判断文件上传图片格式的实例详解的使用技巧和注意事项，需要的朋友参考一下 php判断文件上传图片格式的实例详解 判断文件图片类型, 如上如果用户修改文件后缀为png jpeg等无法满足,查了查资料解决方法是采用判断文件的二进制流信息,如果你刚好遇到这种问题不妨尝试一下： 如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，