android - ionic : Getting Error Code 3 when uploading image using ng-cordova fileTransfer and Camera plugin

Question

尝试使用 FileTransfer 插件将图像文件从我的 ionic 应用程序上传到远程服务器时出现“代码 3”(连接被拒绝)错误。

我使用了相机插件并将捕获的图像移动到永久存储

$scope.selectPicture = function(sourceType) {
    var options = {
        quality: 75,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: Camera.PictureSourceType.CAMERA,
        allowEdit: true,
        encodingType: Camera.EncodingType.JPEG,
        popoverOptions: CameraPopoverOptions,
        saveToPhotoAlbum: false,
        correctOrientation:true
    };

    $cordovaCamera.getPicture(options).then(function(imagePath) {
        var currentName = imagePath.replace(/^.*[\\\/]/, '');
        //Create a new name for the photo
        var d = new Date(),
        n = d.getTime(),
        newFileName =  n + ".jpg";

        localStorage.setItem('checklist',newFileName);
        var namePath = imagePath.substr(0, imagePath.lastIndexOf('/') + 1);
          // Move the file to permanent storage
          $cordovaFile.moveFile(namePath, currentName, cordova.file.dataDirectory, newFileName).then(function(success){
            $scope.image = newFileName;
            localStorage.setItem('checklist',newFileName);
          }, function(error){
            $scope.showAlert('Error', error.exception);

          });
    }, function(err) {
      // error
    });
};

然后我使用 FileTransfer 插件上传图片

$scope.reportSending = function(){
    $scope.report_no = localStorage.getItem('reportNumber');
    $scope.imageLoc = localStorage.getItem('checklist');

    var server = "http://localhost/api/api/public/api/sendreport",

    filePath = cordova.file.dataDirectory + $scope.imageLoc;

    var date = new Date();

    var options = {
        fileKey: "file",
        fileName: $scope.imageLoc,
        chunkedMode: false,
        mimeType: "multipart/form-data",
        params : {
            report_no : $scope.report_no
        }
    };

    $cordovaFileTransfer.upload(server, filePath, options).then(function(result) {
        console.log(JSON.stringify(result.response));

    }, function(err) {
        console.log("ERROR: " + JSON.stringify(err));
        //alert(JSON.stringify(err));
    }, function (progress) {
        // constant progress updates
    });

};

当我执行 reportSending() 函数时，它返回一个错误:

ERROR: {"code":3,"source":"file:///data/user/0/com.ionicframework.appnew343084/files/1483519701226.jpg","target":"http://localhost/api/api/public/api/sendreport","http_status":null,"body":null,"exception":"Connection refused"}

它在异常中显示“连接被拒绝”，但是当我在 postman 中尝试 API 时，我可以成功上传文件。

Answer 1

所以在搜索了大量的论坛后，我发现我的问题很简单..

更改 API url 解决了问题。

来自

var server = "http://localhost/api/api/public/api/sendreport",

到

var server = "http://192.168.1.17/api/api/public/api/sendreport";

我没有使用 localhost，而是将 URL 指向我本地服务器的 IP我还注意到我在 API 的变量声明末尾使用了逗号 , 而不是分号。

现在一切正常。