2016-04-04 8 views
2

私は、swiftを使用して画像およびビデオアップロードiOSアプリケーションを作成しています。私はネットワークリクエストにAlamofireライブラリを使用しています。以下は、ユーザーが画像の下にHapijsバックエンドのAlamofireによるSwiftのマルチパート/フォームデータ要求の処理

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject]) { 
    dismissViewControllerAnimated(true, completion: nil) 
    guard let image = info[UIImagePickerControllerOriginalImage] as? UIImage else { 
      print("Did not get required image") 
      return 
    } 

    guard let imageData = UIImageJPEGRepresentation(image, 0.8) else { 
     return 
    } 

    Alamofire.upload(.POST, "http://localhost:8101/upload_request", multipartFormData: { 
     multipartFormData in 
     multipartFormData.appendBodyPart(data: imageData, name: "image") 
    }, encodingCompletion: { 
     encodingResult in 
     switch encodingResult { 
     case .Success(let upload, _, _): 
      upload.responseJSON(completionHandler: { 
       response in 
       debugPrint(response) 
      }) 
     case .Failure(let encodingError): 
      print(encodingError) 
     } 
    }) 
} 

を選択したときに迅速に実行されるコードは、その要求がHapijs

server.route({ 
    method: 'POST', 
    path: '/upload_request', 
    config: { 
    payload: { 
     maxBytes: 10 * 1024 * 1024, 
     output: 'stream', 
     parse: true, 
     allow: 'multipart/form-data' 
    } 
    }, 
    handler: (request, reply) => { 
     var data = request.payload; 
     if (data.image) { 
     var filePath = 'new_image.jpg'; 
     // data.image has data but is not of Stream.Readable 

     } else { 
     console.log('No data file'); 
     } 
    } 
}); 

で扱われている方法です問題は、私はrequest.payloadが届かないです.imageをバックエンドのストリームとして使用するので、writeStreamを作成してそのwriteStreamにパイプすることはできません。私は何か間違っている、または何かを逃していますか?データを読み込んでファイルシステム上のイメージファイルとして書き込むには、どうすればよいですか?

これは私が答えを見つけrequest.payload.imageに

����JFIFHH��LExifMM*�i&��� ��8Photoshop 3.08BIM8BIM%��ُ���  ���B~��@ICC_PROFILE0ADBEmntrRGB XYZ �3;acspAPPLnone���-ADBE 
cprt�2desc0kwtpt�bkpt�rTRC�gTRC�bTRC�rXYZ�gXYZbXYZtextCopyright 2000 Adobe Systems IncorporateddescAdobe RGB (1998)XYZ �Q�XYZ curv3curv3curv3XYZ �O��XYZ 4��,�XYZ &1/���� �"�� 
+0

ルートハンドラの 'console.log(request.payload) 'から何を得るのですか?おそらく、出力が多い場合は、切り詰められたバージョンを質問に追加してください。 –

+0

Hey Matt .. request.payload.imageで受け取ったデータの開始ビットを追加しました。受け取ったペイロードは巨大です。 –

答えて

0

を取得するデータの開始です。わずかな変更が必要です。私がAlamofireから適切に送信していなかったために、私がHapi.jsの最後に必要な形式でデータを取得していない理由がありました。

これは、要求がAlamofire

Alamofire.upload(
    .POST, 
    "http://localhost:8101/upload_request", 
    multipartFormData: { multipartFormData in 
     multipartFormData.appendBodyPart(data: self.fileData, name: "image", fileName: "imageToUpload.jpg", 
     mimeType: "image/jpeg") 
    }, 
    encodingCompletion: { encodingResult in 
    switch encodingResult { 
    case .Success(let upload, _, _): 
     upload.responseJSON(completionHandler: { response in 
     debugPrint(response) 
     }) 
    case .Failure(let encodingError): 
     print(encodingError) 
    } 
}) 

そして、それはバックエンドで処理されるべき方法から送られるべきであるかです。あなたが書いているディレクトリが作成されていることを確認してください。

server.route({ 
path: '/upload_request', 
method: 'POST', 
config: { 
    payload: { 
     maxBytes: 20 * 1024 * 1024, 
     output: 'stream', 
     parse: true, 
     allow: 'multipart/form-data' 
    } 
}, 
handler: (request, reply) => { 
    var data = request.payload; 
    if (data.image) { 
     var name = data.image.hapi.filename; 
     var path = __dirname + "/uploads/" + name; 
     var file = fs.createWriteStream(path); 

     file.on('error', (err) => { 
      console.error(err); 
     }); 

     file.on('open', (err) => { 
      data.image.pipe(file);  
     });    

     data.image.on('end', (err) => { 
      var ret = { 
       filename: data.image.hapi.filename, 
       headers: data.image.hapi.headers 
      } 
      reply(ret); 
     }) 
    } 
} 
}); 
関連する問題