Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
      <script src="_so/js?//stackoverflow.com/questions/24470379/clear-an-image-preview-file-that-was-removed-from-the-array-with-jquery" id="so"></script>
<meta charset=utf-8 />
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
​
    
      
<input type="file" id="files" name="image_file_arr[]" multiple>
<br>
<output id="list"></output>
  
  <br><br>
  <button id="upload">UPLOAD</button>  
  <div id="server">THIS, IS, SERVER!!! :-D</div>
    
    
</body>
</html>
 
.thumb {
    width:40px;
    height: 40px;
    margin: 0.2em -0.7em 0 0;
}
.remove_thumb {
    position:relative;
    top:-25px;
    right:5px;
    background:black;
    color:white;
    border-radius:50px;
    font-size:0.9em;
    padding: 0 0.3em 0;
    text-align:center;
    cursor:pointer;
}
.remove_thumb:before {
    content: "×";
}
​
​
​
#server{
  background:#666;
   padding:10px;
}
#server img{
  max-width:100px;
  max-height:100px;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
roXonpro
0viewers