2014-09-14 2 views
3

Am пытается реализовать danialfarid вangularjs-file-upload использованием meanjs. Но это не .Angularjs - как добавить angularjs-файл-загрузки в meanjs библиотеку

Можно ли использовать его со средним значением ??

+0

Вы видите ошибки в консоли? –

+0

есть. модули и сервисы от плагина не зарегистрированы с "angular.js". –

ответ

8

Вы должны иметь возможность использовать его, похоже, вы пропустите шаг в том, что вы включили модуль загрузки углов в файл, так что вот шаги для включения этого модуля или любого внешнего углового модуля в приложение MeanJS:

1- после установки angularjs-файлов загрузки загрузки файлов через беседку с помощью команды:

bower install ng-file-upload --save 

2- вы должны добавить ссылку на angularjs-файл-upload.js файлы на странице макета приложения, это сделанный в файле: config \ env \ all.js, у вас должны быть такие строки, как th является:

assets: { 
     lib: { 
      css: [ 
       'public/lib/bootstrap/dist/css/bootstrap.css', 
       'public/lib/bootstrap/dist/css/bootstrap-theme.css'    
      ], 
      js: [ 
       'public/lib/ng-file-upload/angular-file-upload-shim.min.js', 
       'public/lib/angular/angular.js', 
       'public/lib/ng-file-upload/angular-file-upload.min.js', 

3-, то вы должны включить angularjs-файл-загрузки в зависимости в вашем угловом приложении, это делается в файле: Public \ config.js, добавьте «angularFileUpload» в конце массива в этой строке:

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'angularFileUpload']; 

4- вы должны быть в состоянии использовать файл загрузчиком на ваш взгляд теперь, если не полный и следующий шаг затем повторите попытку.

5, если вы хотите использовать службу angularjs-файлов загрузки в вас контроллер, вы должны внедрить услугу загрузки ($ загрузить) в вашем модуле Registeration так:

angular.module('myModuleName').controller('MyController', ['$scope', '$stateParams', '$location', 'Authentication', '$upload', 
    function ($scope, $stateParams, $location, Authentication, $upload) { 
// your controller code goes here 
}); 

6- Теперь вы должны быть яблоко, чтобы воспользоваться услугой загрузки $ от angularjs-файла-загрузки в ваш угловой контроллер, как это:

$upload.upload({ 
       url: '/serverRouteUrl', //upload.php script, node.js route, or servlet url 
       method: 'POST', //Post or Put 
       headers: {'Content-Type': 'multipart/form-data'}, 
       //withCredentials: true, 
       data: JsonObject, //from data to send along with the file 
       file: blob, // or list of files ($files) for html5 only 
       //fileName: 'photo' // to modify the name of the file(s)     
      }).success(function (response, status) { 
        //success 
       } 
      ).error(function (err) { 
        //error 
       } 
      ); 

это все со стороны клиента, не то, что вы должны настроить на стороне сервера приложений или маршрут (ы) t o иметь возможность обрабатывать запросы с загрузкой файлов, используя библиотеку, такую ​​как Multer, сделает трюк.

+0

Спасибо u. Это было очень полезно. Сначала я попытался включить js-файлы в макет сервера ... –

+0

приветствую вас, я рад, что помог :) Если он ответил на ваш вопрос, почему бы не отметить в качестве ответа? :) – yass

+0

Я все еще не могу использовать это (пытался в течение нескольких дней), не могли бы вы предоставить рабочий код для просмотра и маршрутизации файлов? Благодарю. –

Смежные вопросы