Search code examples
jqueryjquery-file-upload

Set and Get uniqueID for each file


Im use JqueryFileUpload. how i can get uniqueID for each file???

$('#MultiFileInput').fileupload({
  dropzone: $("#dropZone"),
  url: "./fileUpload.ashx",
  dataType: 'json',
  submit: function (e, data) {
    $.each(data.files, function (i, file) {
      alert("uid for file " + file.name + " - " + file.uid);
    }
  }
});

I had to fix the code in jquery-fileupload-5.42.3.js:

_getSingleFileInputFiles: function (fileInput) {
  /* ----==== CODE ====-----*/
  if (!$.fileuploadid) $.fileuploadid = 1;
  $.each(files, function (index, file) {
    file.uid = "fileuploadid" + $.fileuploadid++ ;
  });
  return $.Deferred().resolve(files).promise();
}

can have access without code changes source JqueryFileUpload?


Solution

  • var MyIncrement = 0;
    $('#MultiFileInput').fileupload({
      dropzone: $("#dropZone"),
      url: "./fileUpload.ashx",
      dataType: 'json',
      submit: function (e, data) {
        $.each(data.files, function (i, file) {
          file.uid = "MyIncrement" + ++MyIncrement; //Registred uid for each file
          alert("submit file " + file.name + " - " + file.uid);
        }
      },
      done: function (e, data) {
        $.each(data.files, function (i, file) {
          alert("done file " + file.name + " - " + file.uid); //Get uid for each file
        } 
      }
    });