小编use*_*765的帖子

如何在上传前检查图像的宽度和高度

对于图片上传,我编写了以下 html 代码:

<input type="file" id="upload" class="im" onchange="fileSelectHandlerProfile('defaultProfile','true')" style="cursor:pointer"/>
Run Code Online (Sandbox Code Playgroud)

当我们完成选择图像时,

此代码将被触发:

function fileSelectHandlerProfile(title, defalutProfile) {
    var oFile;
    oFile = $('#thumbUploadProfile')[0].files[0];
    var rFilter = /^(image\/jpeg|image\/png|image\/gif|image\/bmp|image\/jpg|image\/pjpeg)$/i;
    if (!rFilter.test(oFile.type)) {
        $('.errorProfile').html('Please select a valid image file (jpg and png are allowed)').show();
    }
}
Run Code Online (Sandbox Code Playgroud)

我想检查 oFile 的宽度和高度,怎么可能像 oFile.type?

javascript css jquery

2
推荐指数
1
解决办法
4717
查看次数

使用CSS从左到右滑动背景颜色

我试图让背景色动画从左到右开始

ul.vert-one{
    margin:0;padding:0;
    list-style-type:none;
    display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;
}

ul.vert-one li{
    margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid white;
}

ul.vert-one li span{display:block;text-decoration:none;color:white;
background:#600;padding:0 0 0 20px;width:180px;}

ul.vert-one li span:hover{
background:yellow url("images/vert-one_arrow.gif") no-repeat 0 9px;}
Run Code Online (Sandbox Code Playgroud)
<div style="background:gray">
    <ul class="vert-one" >
  <li>
      <div>
     <span>home</span>
      </div>
     </li>
         <li>
      <div>
      <span>blog</span>
      </div>
     </li>
         </li>
         <li>
      <div>
      <span>About Us</span>
      </div>
     </li>
  
</ul>
</div>
    
Run Code Online (Sandbox Code Playgroud)

所以当我鼠标悬停时,我想从左到右开始黄色.作为背景颜色.

的jsfiddle

html css

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

html ×1

javascript ×1

jquery ×1