JSFiddle - React, Tailwind, and code Playground

by Gökhan Kurt

HTML

<script src="https://rawgit.com/CreativeDream/jQuery.filer/master/js/jquery.filer.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/CreativeDream/jQuery.filer/master/css/jquery.filer.css">
<input type="file" name="upload" id="upload" />

JavaScript

$('#upload').filer({
  showThumbs: true,
  addMore: true,
  uploadFile: {
    url: "/echo/json/",
    type: 'POST',
    enctype: 'multipart/form-data',
    success: function(data, el) {
      console.log("data");
      data = "asd.jpg"; // Mocking
      uploadedImagesPositions = [];
      var filenameArray = data.split('/');
      var name = filenameArray.slice(-1).pop();
      var filename = name.replace(/[\/\s()]/g, '');

      $('<div class="jFiler-item-thumb-image"><img src="/imagecache/thumb/' + filename + '"></div><div class="overlay"><a href="#"><span><i class="jFiler-item-trash-action ion-trash-a"></span></a></div>').appendTo(el);
    },
    error: console.log.bind(console)
  }
});