Скрыть URL входного изображения

Question

Am, используя следующий код, чтобы изменить внешний вид типа входного файла, я просто изменил входной выберите тип как изображение и моя проблема Как я могу скрыть вход, URL изображения HTML

<form action="for.php" method="POST" enctype="multipart/form-data"> 
     <input type="file" name="files[]" multiple id="files" class="hidden"/> 
     <input type="submit" id="sub"/> 
    </form> 

CSS

input[type="file"] { 
      border: 1px gray dashed; 
      background:no-repeat center gainsboro; 
      text-indent: -9999em; 
      line-height:3000; 
      width: 128px; 
      height: 128px; 
     } 

Как скрыть имя изображения после того, как выбран

Answer 1

Просто пропустить выше код и использовать следующий код

HTML

<form action="for.php" method="POST" enctype="multipart/form-data"> 
     <div class="inputWrapper"> 
      <input type="file" name="files[]" multiple id="files" class="hidden fileInput"/> 
     </div> 
     <input type="submit" id="sub"> 
    </form> 

CSS

.inputWrapper { 
      overflow: hidden; 
      position: relative; 
      cursor: pointer; 
      background-color: #DDF; 
      border: 1px gray dashed; 
      background: url('file_add.png') no-repeat center gainsboro; 
      text-indent: -9999em; 
      width: 200px; 
      height: 200px; 
     } 

     .fileInput { 
      cursor: pointer; 
      height: 100%; 
      position:absolute; 
      top: 0; 
      right: 0; 
      font-size:50px; 
     } 
     .hidden { 
      opacity: 0; 
      -moz-opacity: 0; 
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0) 
     } 

OUTPUT