post image to website servr using javascript

Question

kindly help to post image using httprequst

Lucas Danzinger · Answer

From what I understand of your workflow, the ArcGIS Runtime recommended pattern would be to use Feature attachments and Feature Services - these support adding image files alongside a database record, but they require you to publish a feature service in ArcGIS Online or ArcGIS Enterprise. Here is a sample that demonstrates this - https://github.com/Esri/arcgis-runtime-samples-qt/tree/master/ArcGISRuntimeSDKQt_QMLSamples/EditData/EditFeatureAttachments. Is this an option for you?

If not, it might be worth posting the question on the Qt forums - https://forum.qt.io/

rsharma · Answer

hi @LucasDanzinger ,

i am now trying like convert an image to buffer then to base64 and then sending it through xmlhttp request, but at server endpoint, the image could not be retrived due to invalid bse64 value.

Code is below:

import QtQuick 2.13
import QtQuick.Layouts 1.13
import QtQuick.Controls 2.13
import ArcGIS.AppFramework 1.0
import Esri.ArcGISRuntime 100.6
import QtQuick.Dialogs 1.0
import Qt.labs.settings 1.0
import QtQuick.Controls.Material 2.1
import "../../controls" as Controls
import "../../assets/js/backend.js" as Backend
App {
    id: appdem
    width: 400
    height: 640

ColumnLayout {
        anchors {
            fill: parent
            margins: 10
        }
        ImageObject {
            id: imageObject

onUrlChanged: {
                console.log("url:", url);
            }

onImageChanged: {
                var buffer_data = imageObject.toArrayBuffer();
                Backend.demo(buffer_data);
            }
        }
        Button {
            text: "Load"
            onClicked: {
                console.log("API Key::"+settings.api_key);
                var img_path = "Modern-Office-3-Skype-Backgrounds.jpeg";
                imageObject.load(img_path);
            }
        }
        Image {
            fillMode: Image.PreserveAspectFit
            source: imageObject.url
            horizontalAlignment: Image.AlignHCenter
            verticalAlignment: Image.AlignVCenter
            cache: false
        } }}

Then the demo fnc js file as below

now the problem is it could not decode the code generated of base 64 not even on online base64 to image converter tool and on my server side php files

rsharma · Answer

@LucasDanzinger Yes, i am using arcgis appstudio. i am capturing photos from camera and storing it on mobile local db, after that i want to send it to my website server to be reusable on website.

i am able to store it in my mobile localdb, but could not post it on my website server.