Angular JS 到 Java 播放框架上传

Question

我一直在努力使用 Angular JS 将文件上传到 POST 我的 Java Play Framework RESTful 后端因为我发现了很多例子'申请我。

我相信我的 Angular JS 代码可以正常工作，但无论如何我都会分享它：

文件-upload.html

<div data-ng-controller="uploadCtrl">
    <input type="file" file-model="myFile" id="theFile" name="theFile" />
    <button data-ng-click="uploadFile()">Upload</button>
</div>

文件上传-ctrl.js

"use strict";

angular.module("pamm").controller("uploadCtrl", ["$scope", "fileUploadRepository",
    function($scope, fileUploadRepository) {

        $scope.uploadFile = function () {
            var file = $scope.myFile;
            console.dir("Ctrl: " + file);

            fileUploadRepository.uploadFile(file);
        }
    }]);

文件上传-repo.js

"use strict";

angular.module("pamm").service("fileUploadRepository", ["$q", "$log",  "$rootScope", "contextEvent", "fileUploadDao",
    function ($q, $log, $rootScope, contextEvent, fileUploadDao) {

        var fileUploadCache = [];

        (function init() {
            $rootScope.$on(contextEvent.CLEAR_CONTEXT, function clearContext() {
                fileUploadCache = [];
                $log.info("fileUploadRepository: context cleared");
            })
        })();

        this.uploadFile = function (file) {
            var waitingDialog = $$dialog.waiting("Please wait - Uploading file");

            var deferred = $q.defer();

            fileUploadDao.uploadFile(file).then(function (uploadedFile) {
                fileUploadCache.push(uploadedFile);
                $log.debug("Repo: " + uploadedFile);
                waitingDialog.close();
                deferred.resolve(uploadedFile);
            }, function (error) {
                deferred.reject(error);
                waitingDialog.close();
            });

            return deferred.promise;
        };
    }]);

Repo

上一层

"use strict";

angular.module("pamm").service("fileUploadDal", ["$http", "$q", "$log", function ($http, $q, $log) {
    this.http = (function serviceCaller() {
        return {
            /**
             * @returns {promise}
             */
            POST: function (apiPath, fd) {
                var deferred = $q.defer();
                $http.post(apiPath, fd, {
                    transformRequest: angular.identity,
                    headers: {'Content-Type': undefined}
                }).then(function (results) {
                    deferred.resolve(results.data);
                }, function (e) {
                    deferred.reject(e);
                });
                return deferred.promise;
            }
        }
    })();
    $log.info("fileUploadDal:serviceCaller Instantiated");
}]);

Java

Http.MultipartFormData file = request().body().asMultipartFormData();

接下来我可以去哪里？因此，由于 Angular 的书写方式，我无法访问 HTML 输入的名称。

我该怎么做才能file 将文件保存到我想要的目录中。

谢谢，

Answer 1

你试过这个吗：

import java.io.File;

File fileFromRequest = request.body().asRaw().asFile();
fileFromRequest.renameTo(new File("path/to/dir","filename.png"));

Answer 2

public ServiceResult execute(final Http.MultipartFormData request)
{
    final String DIRECTORY = "C:\SAVE_DIRECTORY\SUB_FOLDER\uploads";

        List<Http.MultipartFormData.FilePart> targetFiles = request.getFiles();

        for (int i = 0; i < targetFiles.size(); i++)
        {
            File file = targetFiles.get(i).getFile();

            String fileName = targetFiles.get(i).getFilename();

            file.renameTo(new File(DIRECTORY, fileName));
        }

        return new ServiceResult(Json.toJson(targetFiles));
    }

Angular JS 到 Java 播放框架上传

Angular JS to Java Play Framework Upload

java

multipartform-data

playframework

angularjs