Name of Saved File

[Donkeh68]

Hi,

Thanks for a great plugin.
I'm using the basic demo version and it's perfect except for one thing: how do I get the name of the file on the server?
I figure I can use the template function to insert it in a data property, but I need help getting the saved name.

Kind regards,
Tim

[sahuadarsh0]

same here

[Donkeh68]

I managed to resolve this myself, so here are the steps, so as to help anyone else with the same problem:

1. Create a holder for the file name

• In the "files-template" section (within your HTML) add the attribute data-filepath="" to the li class="media" element

2. Send the data to the template function on successful upload

• In the "demo-config.js" file find the "onUploadSuccess" function
• replace the line that says ui_multi_update_file_status(id, 'success', 'Upload Complete'); with ui_multi_update_file_status2(id, 'success', 'Upload Complete', JSON.stringify(data));

3. Populate the template field

• In the "demo-ui.js" file add the following function:
  function ui_multi_update_file_status2(id, status, message, response) {
  $('#uploaderFile' + id).find('span').html(message).prop('class', 'status text-' + status);
  // EXTRACT SAVED FILE NAME FROM RESPONSE
  var searchString = "files/";
  var indexBegin = response.indexOf(searchString) + searchString.length;
  var lengthResult = response.length - indexBegin - 2;
  var filePath = response.substr(indexBegin, lengthResult);
  // SET VALUE IN TEMPLATE
  $('#uploaderFile' + id).attr("data-filepath", filePath);
  }

Easy when you know how ;)