File undefined - ng file upload - Forum Pasja Informatyki

pytanie zadane 31 sierpnia 2017 w JavaScript przez Kondzio Mądrala (5,230 p.)
edycja 31 sierpnia 2017 przez Kondzio

Witam, korzystam z ng file upload, by załadować plik użytkownika. Wydaje mi się, że robię wszystko co trzeba, żeby to ruszyło, a mimo to w konsoli po wywyłaniu console.log wywala mi undefined.

Przycisk wysyłania całej wiadomości wraz z załącznikiem:

<button type="button" class="btn btn-success btn-lg" ng-click="send()" ng-if="data.try">
    <span class="glyphicon glyphicon glyphicon-send"></span> Send
</button>

File input dla pliku:

 <input type="file" ngf-select="uploadFiles($file, $invalidFiles)"/>

JS:

$scope.send = function(){
    $scope.uploadFiles = function(file, errFiles) {
        $scope.f = file;
        $scope.errFile = errFiles && errFiles[0];
        if (file) {
            file.upload = Upload.upload({
                url: 'static/css',
                data: {file: file}
            });
            file.upload.then(function (response) {
                $timeout(function () {
                    file.result = response.data;
                });
            }, function (response) {
                if (response.status > 0)
                    $scope.errorMsg = response.status + ': ' + response.data;
            });
        }   
        console.log("ASDASD1111111111");
        console.log($scope.f);
    }
    $scope.data.try = false ;
    $scope.sendMailJava();
}

Ma ktoś pomysł czemu to nie działa? Tutaj http://jsfiddle.net/danialfarid/0mz6ff9o/135/ jest dokładnie to samo i działa.

Sory za dwie ramki, coś mi się tutaj nie udało xd

1	komentarz 31 sierpnia 2017 przez Ehlert Ekspert (212,670 p.) Doceniam formę, nie jest to pierwotne miejsce kodu, więc cytujesz, ale lepiej usuń znaczniki cytatu bo nikt nie pomoże

komentarz 31 sierpnia 2017 przez Kondzio Mądrala (5,230 p.)

Wporzo, teraz możecie pomagać

komentarz 31 sierpnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

Hmm, na JSFiddle użyli <button type="file"> (co jest dziwne, bo ten znacznik HTML nie przewiduje ustawienia wartości file dla type). U Ciebie natomiast jest <input type="file"> co jest już prawidłowym zapisem. Skoro tam działa, to może tu jest problem?

U Ciebie jest też inna wartość dla klucza url -> 'static/css'. Masz jakieś błędy w konsoli?

komentarz 31 sierpnia 2017 przez Kondzio Mądrala (5,230 p.)

Tak, button type = "file" u mnie w ogóle nie działa, w tym jest problem, dlatego użyłem input'a. To nie jest akurat błąd, tak jak zauważyłeś, bo nawet na JSFiddle zmieniłem buttona na inputa i działało to tak samo.

static/css, bo chciałem plik zapisać w tym miejscu aby potem pobrać go z serwera. Dowiedziałem się jednak jaka może być przyczyna, ale nie wiem jak ją naprawić, może pomożecie.

Ta część

file.upload = Upload.upload({
                url: 'static/css',
                data: {file: file}
            });

to ma być dyrektywa, wcześniej zapisana jako 'Upload' (można zobaczyć na JSFiddle, nawet w dokumentacji pisze, że jest to service, dyrektywa i controller w jednym pliku). Jak wpisywałem do mojego controllera to coś nie trybiło z tym Upload'em (czepiało się o to). Tutaj do Was pytanie, nawet jak nie sprawdzi się w tym wypadku: jak mogę zainicjować tą dyrektywę Upload w osobnym pliku? Jak wyglądałoby to składniowo? Bo spróbuję ją podpiąć z osobnego pliku.

komentarz 31 sierpnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

Jak wpisywałem do mojego controllera to coś nie trybiło z tym Upload'em (czepiało się o to)

Pokaż kod - być może źle wstrzyknąłeś Upload. Dyrektywę inicjujesz (tworzysz) dla określonego modułu lub jego namespace'u. Nie ma znaczenia, gdzie umieścisz plik z dyrektywą - istotne abyś go podpiął w pliku HTML, w którym jest również podpięty plik zawierający inicjację modułu angularowego. Całość jest i tak dostępna w globalnym obiekcie window.angular.

Czy masz lub miałeś jakieś błędy w konsoli?

komentarz 1 września 2017 przez Kondzio Mądrala (5,230 p.)

Dobra, już rozwiązałem, bardzo dziękuję za pomoc Krzycho bo mnie naprowadziłeś ;) Faktycznie źle wstrzyknąłem Upload, a to dlatego, że u mnie dyrektywy są wstrzykiwane w osobnym pliku więc nic mi nie dało zainicjowanie go w tym moim.

W każdym razie po wstrzyknięciu działa

komentarz 1 września 2017 przez Kondzio Mądrala (5,230 p.)

Dobra, mam kolejne pytanie odnośnie tego. Co wpisać dla url,by połączyć się z bazą danych Javy? Bo ciężko mi jeszcze idzie łączenie gotowych do wysłania obiektów z backendem.

1	komentarz 1 września 2017 przez ScriptyChris Mędrzec (190,190 p.) To zależy czy i jakie masz API - jest tam pewnie określona ścieżka, pod którą dostępna jest usługa odpytująca bazę. Więcej nie podpowiem, bo na backend'zie się nie znam.

komentarz 2 września 2017 przez Kondzio Mądrala (5,230 p.)

Już praktycznie wszystko mam ogarnięte, miałeś rację, url: odnosi się do bezpośredniego zapytania backendu (w moim przypadku Java spring). Ogólnie miałem jeszcze problem z podpięciem pliku pod http post'a, ale na szczeście znalazłem rozwiązanie transferrequest :)

Dzięki za porady!