フロントエンドに Angularjs を使用する Spring アプリケーションがあります。
フロントエンドで、Openpgpjs を使用してエンコードしたファイルを読み取ります。暗号化プロセスの後、データベースに保存したい Uint8Array オブジェクトを取得します。
// encoded_file is the Uint8Array
var file = new File(encoded_file, "my_image.png",{type:"image/png", lastModified:new Date()})
FileService.uploadFile(file).then(function(fileObject){
console.log(fileObject);
}).catch(function(error){
toastrService.error(error, "Failed to upload file");
});
this.uploadFile= function (file) {
var defer = $q.defer();
var fd = new FormData();
fd.append('file', file);
fd.append('auth', true);
$http.post('/files/upload', fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
}).then(function (response) {
if (response.data && response.data.result){
defer.resolve(response.data.entry);
} else if(response.data) {
defer.reject(response.data.message);
} else {
defer.reject();
}
}, function (error) {
defer.reject(error);
});
return defer.promise;
};
バイナリデータをDBに保存するため、リクエストは次のようにサーバーによって受信されます
@RequestMapping(method = RequestMethod.POST, value = "/upload")
public String uploadFile(@RequestParam("file") MultipartFile file,@RequestParam("auth") Optional<Boolean> auth) throws Exception {
// save file.getBytes() in the DB and return a uniqueID to the file
}
ファイルは、URL /files/raw/id を介してアプリでアクセスできるようになっています
@RequestMapping(path = "/raw/{fileId}", method = RequestMethod.GET, produces = MediaType.APPLICATION_OCTET_STREAM_VALUE)
public @ResponseBody byte[] getRawFile(@PathVariable String fileId, HttpServletResponse response) throws Exception {
File f = fileService.getFile(fileId);
if (f == null) {
return null;
}
return fileService.getFileContent(f);
}
ファイルをダウンロードする次の機能があります
this.downloadFile= function (guid) {
var defer = $q.defer();
var config = { responseType: 'arraybuffer' };
$http.get('/files/raw/'+guid, config).then(function (response) {
console.log(response)
if (response && response.data){
defer.resolve(response.data);
} else {
defer.reject();
}
}, function (error) {
defer.reject(error);
});
return defer.promise;
};
問題は、ファイルをダウンロードするときに取得する Uint8array が、アップロードしたものと異なることです。responseType をテキストに変更した場合。数はアップロードした uint8array と一致していますが、どうすれば正しくなりますか?