通过MobileFirst Adapter下载PDF文件

Question

我正在构建一个从后端服务器下载PDF文件的应用程序。我已经写了下面的代码：

在后端服务器，以下是方法：

 @POST 
     @Consumes(MediaType.APPLICATION_JSON) 
     @Produces("application/pdf") 
     public Response download() { 
       ResponseBuilder response = Response.ok((Object) new File("myFile.pdf")); 
       response.header("Content-Disposition", "attachment; filename=myFile.pdf"); 
       Response responseBuilder = response.build(); 
       return responseBuilder; 

     } 

我从我的适配器调用此休息方法为：

在通话结束

function downloadFile(){ 
      var input = { 
        method    : 'post', 
        returnedContentType : "plain", 
        path    : "getfiles", 
        body    : { 
         contentType : 'application/json;charset=utf-8', 
         content  : JSON.stringify({username: "testuser"}) 
        } 

      }; 
      var response = WL.Server.invokeHttp(input); 
      return response; 
} 

后，我我得到以下服务的回应：

{ 
     "errors": [ 
     ], 
     "info": [ 
     ], 
     "isSuccessful": true, 
     "responseHeaders": { 
      "Content-Disposition": "attachment; filename=myFile.pdf", 
      "Content-Length": "692204", 
      "Content-Type": "application\/pdf", 
      "Date": "Thu, 15 Oct 2015 15:19:56 GMT", 
      "X-Powered-By": "Servlet\/3.0" 
     }, 
     "responseTime": 11, 
     "statusCode": 200, 
     "statusReason": "OK", 
     "text":"%PDF-1.6\n%����\n159 0 obj\n<<\/Linearized 1\/L 692204\/O 162\/E 156949\/N 25\/T 691602\/H [ 531 579]>>\nendobj\n" 
--long lines of characters in text field. 
    } 

如何解析此响应一个PDF文件并显示给用户？我也正在此回应时，我在适配器右击并选择运行“召移动适配器”，当时我只是从应用程序中使用下面的代码调用该适配器方法：

var invocationData = { 
      adapter : "MyAdapter", 
      procedure: "downloadFile", 
      parameters: [] 
    }; 


    WL.Client.invokeProcedure(invocationData, { 
     onSuccess: downloadFileOK, 
     onFailure: downloadFileFAIL, 
     onConnectionFailure: disconnectDetect 
    }); 

我收到同一响应浏览器的控制台，但我的“OnFailure”方法“downloadFileFAIL”被调用。

编辑 以下是这是越来越印在浏览器控制台日志：

R\n>>\nstartxref\n451945\n%%EOF","errors":[],"isSuccessful":true,"statusReason":"OK","responseHeaders":{"Date":"Thu, 15 Oct 2015 21:52:40 GMT","Content-Length":"453132","Content-Disposition":"attachment; filename=myFile.pdf","Content-Type":"application\/pdf","X-Powered-By":"Servlet\/3.0"},"warnings":[],"responseTime":15,"totalTime":151,"info":[]} 
worklight.js:5356 Procedure invocation error.WL.Logger.__log @ worklight.js:5356 
worklight.js:5360 Uncaught Exception: Uncaught SyntaxError: Unexpected number at (compiled_code):3879WL.Logger.__log @ worklight.js:5360 
worklight.js:3879 Uncaught SyntaxError: Unexpected number 
worklight.js:5992 Local storage capacity reached. WL.Logger will delete old logs to make room for new ones. 
worklight.js:5356 Piggybacking event transmission 
worklight.js:5356 Flush called 

EDIT2

以下是链接到项目及其资源：

1. Java File
2. PDF File
3. MF Project

Answer 1

更新：

你所面对的问题是，因为JS不能处理二进制数据。您最好的选择是将base64编码到您的后端服务器上，然后base64在保存到文件之前解码您的应用中的文件。例如：

后端服务器：

您需要在您的项目import org.apache.commons.codec.binary.Base64;

@POST 
@Consumes(MediaType.APPLICATION_JSON) 
@Produces("application/pdf") 
public Response downloads() throws IOException { 

    File file = new File("myFile.pdf"); 

    InputStream fileStream = new FileInputStream(file); 

    byte[] data = new byte[1024]; 

    ByteArrayOutputStream buffer = new ByteArrayOutputStream(); 

    int read = 0; 
    while ((read = fileStream.read(data, 0, data.length)) != -1) { 
     buffer.write(data, 0, read); 
    } 

    buffer.flush(); 

    fileStream.close(); 

    ResponseBuilder response = Response.ok(Base64.encodeBase64(buffer.toByteArray())); 
    response.header("Content-Disposition", "attachment; filename=myFile.pdf"); 
    Response responseBuilder = response.build(); 
    return responseBuilder; 
}