JS实现可视化文件上传

本文实例为大家分享了JS可视化文件上传的具体代码，供大家参考，具体内容如下

测试-Style

    .imgbox,.imgbox1
    {
      position: relative;
      width: 200px;
      height: 180px;
      border: 1px solid #ddd;
      overflow: hidden;
    }
 
    .imgnum{
      left: 0px;
      top: 0px;
      margin: 0px;
      padding: 0px;
    }
    .imgnum input,.imgnum1 input {
      position: absolute;
      width: 200px;
      height: 180px;
      opacity: 0;
    }
    .imgnum img,.imgnum1 img {
      width: 100%;
      height: 100%;
    }
    .close,
    .close1 {
      color: red;
      position: absolute;
      right: 10px;
      top: 0;
      display: none;
    }

测试--HTML

 
 
 
  
  X
  
  
 
 
 

JS: 需要引入jquery

注：低版本IE不支持可视化

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。