在ios中使用cordova-file-transfer插件上传多部分表单数据图像失败

Question

我必须上传一个图像到服务器使用多部分图像上传从我的离子项目。这是我的代码，

$scope.uploadImage = function(imageUrl) {
      var fileName = imageUrl.substring(imageUrl.lastIndexOf('/')+1);
      var json=  {
        "id":123,
        "name" :fileName
      }
      var fileUploadOptions = new FileUploadOptions();
     fileUploadOptions.fileKey="file";
     fileUploadOptions.fileName = fileName;
     fileUploadOptions.params = {
       json : json
     };
     fileUploadOptions.mimeType="image/jpeg";
     var URL = 'http://192.168.43.7:8080/services/uploadImage'
     var encodedURI = encodeURI(URL);
     console.log('fileUploadOptions : ',fileUploadOptions);
     var ft = new FileTransfer();
     ft.upload(imageUrl, encodedURI, onSuccess, onError, fileUploadOptions, false);
     function onSuccess(response){
      console.log('file uploaded: ',response);
     }
     function onError(error){
       console.log('upload failed',error);
     }
   }

我正在使用以下插件

cordova-plugin-file
cordova-plugin-file-transfer
cordova-plugin-camera

我的图像捕获代码是

$scope.takePhoto = function() {
            var options = {
                quality: 75,
                destinationType: Camera.DestinationType.FILE_URI,
                sourceType: 1,
                allowEdit: false,
                encodingType: 0,
                targetWidth: 1280,
                targetHeight: 720,
                popoverOptions: CameraPopoverOptions,
                direction: 1,
                saveToPhotoAlbum: true
            };
            var cameraSuccess = function(imageData) {
                onPhotoURISuccess(imageData);
                function onPhotoURISuccess(imageURI) {
                    createFileEntry(imageURI);
                }
                function createFileEntry(imageURI) {
                    window.resolveLocalFileSystemURL(imageURI, copyPhoto, fail);
                }
                function copyPhoto(fileEntry) {
                    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) {
                        fileSys.root.getDirectory("photos", { create: true, exclusive: false }, function(dir) {
                            var fileName = 12 + "_" + 56 + "_" + 67 + ".jpg";
                            fileEntry.copyTo(dir, fileName, onCopySuccess, fail);
                        }, fail);
                    }, fail);
                }
                function onCopySuccess(entry) {
                    console.log('Full path: ', JSON.stringify(entry));
                    var path = entry.toURL();
                    $scope.imageUrl = path;
                    console.log('imageUrl: ',$scope.imageUrl);
                }
                function fail(error) {
                    console.error(JSON.stringify(error));
                    var cause = "";
                    if (error.code == 20) {
                        cause = "Camera permission denied"
                    }
                }
            }
            var cameraError = function(error) {
                console.log('camera error: ', error);
            }
            navigator.camera.getPicture(cameraSuccess, cameraError, options);

        }

我正在传递$scope.imageUrl变量来上传函数。

代码在android设备上运行良好。但是iOS，上传失败。

I am getting

com.fasterxml.jackson.databind.JsonMappingException: No content to map due to end-of-input

服务器控制台中出现

错误。

在我的设备控制台中，我得到以下错误，

上传失败
body: "发生错误。请联系系统管理员。"代码:3例外:零http_status: 500来源:"文件:///var/移动/集装箱/数据/应用程序/8 c4518ac - 5606 - 4806 - a8d2 - 216125 efe725/文档/图片/12 _56_57.jpg"目标:"http://192.168.43.7:8080/服务/uploadImage"

错误正文中的消息来自我的服务器。根据我从服务器得到的错误，我知道，JSON部分没有上传到服务器。我试图在不发送JSON对象的情况下用postman重新创建相同的问题。我得到了相同的错误。

有谁知道是什么问题吗?为什么只有iOS设备才有这个问题?

Answer 1

From the docs:

params:在HTTP请求中传递的一组可选键/值对。(对象，键/值- DOMString)

试试用fileUploadOptions.params = { json : JSON.stringify(json) }代替

Answer 2

var imageUrI="file:///storage/emulated/0/newfile.csv";
var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);
options.mimeType = "image/jpeg/csv";
var params = new Object();
params.value1 = "test";
params.value2 = "param";
options.params = params;
options.chunkedMode = false;
var ft = new FileTransfer();
ft.upload(imageURI, "http://fileupload/admin/add_image_my.php",
function (result) {
    console.log(JSON.stringify(result));
},
function (error) {
    console.log(JSON.stringify(error));
}, options);