使用 Http Adapter 将图像存储到远程服务器

Question

我想在远程服务器上显示图像并存储图像。我正在使用 Ibm Worklight 版本 6.2。我浏览了许多链接但没有找到解决方案

我的 HTML 页面代码是

<fieldset style="height:auto;width:100% ">

                    <div id="Image" style="float:left;">
                        </div>
                        <div id ="delImage">                
                        </div>
                    </fieldset> 

我的 Js 代码是

    uploadImage =  function (){
navigator.camera.getPicture(onSuccessCallBack, onFailCallBack, { 
        quality: 50,
        sourceType: Camera.PictureSourceType.CAMERA,
        destinationType: Camera.DestinationType.FILE_URI
    });
};

  function onSuccessCallBack (imageData){
   var img  =   document.createElement("img");
    img.style.width = "60px";
    img.style.height="60px";

    img.src =  imageData;

    var Image = document.getElementById("Image");
    Image.appendChild(img);

    var delImg  =   document.createElement("img");
    delImg.style.width = "60px";
    delImg.style.height="60px";

    delImg.src  =  "images/brws_gal.png";

    var deleteImg = document.getElementById("delImage");
    deleteImg.appendChild(delImg);




    var invocationData      =   {
            adapter         :   'DisbursalRequestImageAdapter',
            procedure       :   "uploadImageForDisbursal",
            parameters      :   [ requestObject, sessionId, operationFlag,'','' ]

    };
    var options             =   {
            timeout         :   timeout,
            onSuccess       :   successCreateImg,
            onFailure       :   failureCreateImg
    };

    WL.Client.invokeProcedure(invocationData, options);

};

在这里，我在 div 中附加动态图像。
我的问题是

1. 我想使用 Http Adapter 将图像存储到远程服务器
2. 我想点击图片打开图片。
3. 我没有垂直排列 div，即每次拍摄照片时都应该创建一个新的 div。

Answer 1

如果要将图像发送到远程服务器，则需要对图像进行base64编码，然后将此字符串发送到远程服务器的数据库中。

如果您想检索它，您需要获取字符串，然后将 base64 字符串解码回图像文件类型并在 HTML 中显示图像（图像应该使用 Cordova API 存储在设备存储中，就像您拥有的一样）演示使用）。

事实上，如果你搜索过，上面就是你在搜索中找到的。