angularjs - 如何使用 ngcordova 文件传输插件将拍摄的图像传输到我的 ftp

Question

我正在尝试将图像上传到我的 FTP。

到目前为止我所取得的成就是在这个 plnkr

我的cordova文件传输看起来像

$scope.upload =function(){

      var options = {
         fileKey: "file",
         fileName: "gopi",
         chunkedMode: false,
         mimeType: "image/jpeg",
         params : {'user_token':'Chandru@123', 'user_email':'wepopusers'} // directory represents remote directory,  fileName represents final remote file name
       };
       console.log(options);
      $cordovaFileTransfer.upload('ftp://308.3d8.myftpupload.com/',  MyService.getImgPath(), options)
        .then(function(result) {
          // Success!
          console.log(result);
          console.log("SUCCESS: " + JSON.stringify(result.response));
          alert('ftp success');
        }, function(err) {
          // Error
          console.log(err);
          alert('ftp fail');
          console.log("ERROR: " + JSON.stringify(err));
        }, function (progress) {
          // constant progress updates
          console.log(progress);
        });

    };

我对cordova文件的错误函数的响应看起来像

FileTransferError {code: 2, source: "file:///storage/sdcard0/Android/data/com.ionicframework.camera108827/cache/1462186990291.jpg", target: "ftp://308.3d8.myftpupload.com/", http_status: null, body: null…}body: nullcode: 2exception: nullhttp_status: nullsource: "file:///storage/sdcard0/Android/data/com.ionicframework.camera108827/cache/1462186990291.jpg"target: "ftp://308.3d8.myftpupload.com/"proto: Object

我有按钮 拍照这将拍摄图片并显示给用户，我还有一个使用cordovafiletransfer上传的功能 $scope.upload .

我的 ftp 主机是 ftp://308.3d8.myftpupload.com/用户名和密码在我的编码中给出，我有一个名为 的文件夹名称牧羊人我的图像应该存储在哪里。

我拍摄的图像的路径在 imageURI 参数中，所以我使用服务来设置路径。

我很困惑的步骤

1) I am not able to understand the var options object in cordova file transfer plugin.

2) I am not getting any erro while remote debugging but i am only invoking my error funtion in my cordova file transfer.

How can i update my taken image to FTP using IONIC

更新

感谢甘地的回答 https://github.com/xfally/cordova-plugin-ftp我是如何在没有 multipart 的情况下设法连接到 ftp 的。

但在这方面仍然面临错误

$window.cordova.plugin.ftp.upload("/ping", "/gopi/ping", function(percent) {

我不知道在第一个参数和第二个参数中该做什么。

$window.cordova.plugin.ftp.upload("/default.prop", "/gopi/default.prop", function(percent) {

上述行成功完全发布到我的 ftp，但我无法发布存储在我的 ping 变量中的图像。

https://plnkr.co/edit/ETGmdl4B0d5dlHWdJQ9m?p=info

Answer 1

第一个问题的答案可以在文件传输插件的官方文档中找到。摘录如下，

options: Optional parameters (Object). Valid keys:

fileKey: The name of the form element. Defaults to file. (DOMString)
fileName: The file name to use when saving the file on the server. Defaults to image.jpg. (DOMString)
httpMethod: The HTTP method to use - either PUT or POST. Defaults to POST. (DOMString)
mimeType: The mime type of the data to upload. Defaults to image/jpeg. (DOMString)
params: A set of optional key/value pairs to pass in the HTTP request. (Object, key/value - DOMString)
chunkedMode: Whether to upload the data in chunked streaming mode. Defaults to true. (Boolean)
headers: A map of header name/header values. Use an array to specify more than one value. On iOS, FireOS, and Android, if a header named Content-Type is present, multipart form data will NOT be used. (Object)

看看这个 link了解更多信息。

对于你的第二个问题，尝试在错误回调函数中获取错误代码并尝试缩小问题的范围。

更新:我猜使用文件传输插件无法进行 ftp 上传。插件定义本身说明 "The FileTransfer object provides a way to upload files using an HTTP multi-part POST or PUT request, and to download files"
您可能需要查看 ftp client用于 ftp 上传。