离子通过FormData将图像上传到服务器

时间:2018-10-21 05:49:48

标签: typescript file-upload ionic3 multipartform-data form-data

我想将从相机拍摄的图像发送到服务器。我为此使用了ionic的FileTransfer插件。

$(document).ready(function () {
    $("#port-load-more").on('click', function (e) {
        var nexturl = $(this).attr('href');
        $.get(nexturl, {}, function (data) {
            var portfolio = $(data).find(".gallery-area").html();

            $(".gallery-area").imagesLoaded(function () {
                $(".gallery-area").append(portfolio);
            });

            var newpagelink = $(data).find("#port-load-more").attr("href");
            if (newpagelink) {
                $("#port-load-more").attr('href', newpagelink);
            } else {
                $("#port-load-more").hide('slow');
            }
        });
        return false;
    });

    var newpagelink = $("#port-load-more").attr("href");
    if (!newpagelink) {
        $("#port-load-more").hide('slow');
    }
});

“ targetPath”是从相机捕获图像后将图像复制到设备上的实际路径。

“ URL”就是这样

fileTransfer.upload(targetPath, url, options)

“选项”为

http://my-website.com?profilePicture=?&token=?

我无法将图像传递到服务器。 请让我知道需要什么进一步的信息。

1 个答案:

答案 0 :(得分:0)

尝试此操作以从相机上传图像

upload(id: number) {
    var api = "myapi"+id;
    const fileTransfer: TransferObject = this.transfer.create();
    let options: FileUploadOptions = {
        fileKey: 'photo',
        fileName: 'fileName',
        httpMethod: 'POST',
        chunkedMode: false,
        mimeType: "multipart/form-data",
    }
   }