How to preload files blueimp jquery-file-upload angular version?

Question

When trying to load files previously uploaded from the server the following error is produced.

// Load existing files:
$.ajax({
    url: $('#fileupload').fileupload('option', 'url'),
    dataType: 'json',
    context: $('#fileupload')[0]
}).done(function (result) {
    $(this).fileupload('option', 'done').call(this, $.Event('done'), {result: files});
});

//Exception
jquery.fileupload-angular.js:130 Uncaught TypeError: Cannot read property '$apply' of undefined
    at done (jquery.fileupload-angular.js:130)
    at <anonymous>:2:47

The following snippet is in the FileUploadController which puts the $scope into the file data.

$element.fileupload(angular.extend(
  {scope: $scope},
  fileUpload.defaults
)).on('fileuploadadd', function (e, data) {
    data.scope = $scope;

Sigkill9 · Accepted Answer · 2017-12-18 19:10:27Z

1

So a solution "hacky" was to inject a service into the controller for the directive and call the generateFileObject(files) method.

.directive('ngUploadForm', [function () {
  return {
    restrict: 'E',
    templateUrl: 'templates/uploadform.html',
    scope: {
      allowed: '@',
      url: '@',
      autoUpload: '@',
      sizeLimit: '@',
      ngModel: '=',
      name: '@'
    },
    controller: ['$scope', '$element', 'fileUpload','FileService', function ($scope, $element, fileUpload, FileService)

[other code]

// pre-populate file list
FileService.getSavedFiles()
  .done(function(files){
    generateFileObject(files)
  });

FileService Code (basic jquery ajax)

this.getSavedFiles = function(){
    return $.ajax({
      url: this.getFileUrl(),
      dataType: 'json'
    });

edited Dec 18, 2017 at 19:10

answered Dec 18, 2017 at 17:52

Sigkill9

416 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to preload files blueimp jquery-file-upload angular version?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related