Файл отсутствует на сервере после успешной загрузки в AngularJS

Я пытаюсь реализовать нг-файлы для загрузки Решение для моего приложения.

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

Вот моя кнопка:

<div class="col-xs-4 last" ngf-select="upload($file)">
<img class="img-responsive" src="/images/add.png" />
</div>

Мой JS:

$scope.upload = function (file) {
Upload.upload({
url: 'upload.php',
data: {
file: file,
'targetPath' : '/uploads/'
}
}).then(function (resp) {
console.log('Success ' + resp.config.data.file.name + ' uploaded. Response: ' + resp.data);
}, function (resp) {
console.log('Error status: ' + resp.status);
}, function (evt) {
var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name);
});
};

Мой код PHP:

$filename = $_FILES['file']['name'];
$meta = $_POST;
$destination = $meta['targetPath'] . $filename;
move_uploaded_file( $_FILES['file']['tmp_name'] , $destination );

И ответ я получаю:

progress: 47% 13428596_10153653711491485_8982166664082945936_n.jpg
progress: 71% 13428596_10153653711491485_8982166664082945936_n.jpg
progress: 94% 13428596_10153653711491485_8982166664082945936_n.jpg
progress: 100% 13428596_10153653711491485_8982166664082945936_n.jpg

angular.js:11881 XHR finished loading: POST "http://cccctanger.com/miquelimarc/upload.php".

Success 13428596_10153653711491485_8982166664082945936_n.jpg uploaded.
Response:  $filename = $_FILES['file']['name'];
$meta = $_POST;
$destination = $meta['targetPath'] . $filename;
move_uploaded_file( $_FILES['file']['tmp_name'] , $destination );

Кажется, все в порядке, но загруженный файл не найден.

Что мне не хватает?