2016-05-23 11 views
0

Ich versuche ein Bild mit dem NativeScript Camera Modul zu machen und es dann mit nativescript-background-http hochzuladen (da, wie ich es verstehe, dies die einzige Möglichkeit ist, es hochzuladen NS in diesem Moment). Ich benutze den iOS-Simulator, bekomme aber auch einen Fehler auf dem Android-Emulator.NativeScript: Kamera takePicture und upload mit nativescript-background-http

Kamera Plugin funktioniert gut, nimmt und speichert ein Bild in eine Datei. Allerdings habe ich ein Problem, das Bild danach vom Pfad hochzuladen.

Hier ist mein Code:

import cameraModule = require('camera') 
import imageModule = require('ui/image') 
import enumsModule = require('ui/enums') 
import fsModule  = require('file-system') 
import bgHttpModule = require('nativescript-background-http') 

const options = { width: 300, height: 300, keepAspectRatio: true } 
const format = enumsModule.ImageFormat.jpeg 

cameraModule.takePicture(options).then(imageSource => { 
    let contentType = `image/${format}` 
    let savePath = fsModule.knownFolders.documents().path 
    let fileName = 'img_' + new Date().getTime() + '.' + format 
    let filePath = fsModule.path.join(savePath, fileName) 

    if (imageSource.saveToFile(filePath, format)) { 
     var session = bgHttpModule.session('image-upload') 

     var options = { 
      url: 'http://192.168.99.100:8003', 
      method: 'POST', 
      headers: { 
       'Content-Type': 'application/octet-stream', 
       'File-Name': fileName 
      }, 
      description: '{ \'uploading\': ' + fileName + ' }' 
     } 

     let task = session.uploadFile(filePath, options) 

     task.on('progress', logEvent) 
     task.on('error', logEvent) 
     task.on('complete', logEvent) 

     function logEvent(e) { 
      console.log(e.eventName) 
     } 
    } 
}) 

Der Fehler, den ich bekommen ist:

Anwendungsfehler: Fehler/Users/Benutzer/Library/Developer/CoreSimulator/Geräte/11C75134-AC52-46B8-87F6 -58A61B8A1E0C/data/Container/Data/Applicatio ... 538.jpeg ist keine gültige Datei: // url undefined

Wenn ich jedoch zu diesem Pfad gehe, ist das Bild mit diesem Namen dort und gültig. Mache ich etwas falsch?

+0

Ich habe Ihren genauen Code mit dem Dummy-Server http://httpbin.org/post getestet und es ergab Fortschritt und alles scheint gut ... –

Antwort

1

konnte ich durch das Voranstellen „file: //“ dieser Fehler loszuwerden, um die Aufgabe Linie

var task = session.uploadFile("file://" + this.filePath, request); 

Es im Emulator funktioniert, aber ich habe es nicht auf einem Gerät noch nicht getestet.

+0

Dies schien ein Problem mit dem Plugin zu sein: https: // github. com/NativesScript/nativescript-background-http/issues/15. Und ja, du hast recht, was fehlt. – terreb