nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Camera Capture

jaykapalczynski

I took the Camera Capture template from AppStudio for ArcGIS and uploaded it. I then went into Player on my phone and took a picture. I cannot see that image saved anywhere. I want to take this image and attach it to a feature with attributes but I first need the actual image to be captured....Am I doing something wrong?

Does this sample not capture and save to picture? Does it place it in limbo or somewhere that I can then save it somewhere? Sort of confused how this is working. Any ideas?

Vind meer berichten getagd met

Accepted answers

jaykapalczynski

Everything was correct in my last example but needed to change it to this

ANY questions please ask....

WRONG

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>                              
     selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>imagesFolder<SPAN class="punctuation token">.</SPAN>filePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

CORRECT

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>                              
     selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>camera<SPAN class="punctuation token">.</SPAN>imageCapture<SPAN class="punctuation token">.</SPAN>capturedImagePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍

‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

jaykapalczynski

Everything was correct in my last example but needed to change it to this

ANY questions please ask....

WRONG

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>                              
     selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>imagesFolder<SPAN class="punctuation token">.</SPAN>filePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

CORRECT

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>                              
     selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>camera<SPAN class="punctuation token">.</SPAN>imageCapture<SPAN class="punctuation token">.</SPAN>capturedImagePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍

‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

jaykapalczynski

THINK I JUST GOT IT...ONE Second testing now... really excited.

jaykapalczynski

OK....From the example onClicked in the camera window I see this:

MouseArea <SPAN class="punctuation token">{</SPAN>
   anchors<SPAN class="punctuation token">.</SPAN>fill<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">;</SPAN>
   onClicked<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>              
       camera<SPAN class="punctuation token">.</SPAN>imageCapture<SPAN class="punctuation token">.</SPAN><SPAN class="token function">captureToLocation</SPAN><SPAN class="punctuation token">(</SPAN>imagesFolder<SPAN class="punctuation token">.</SPAN><SPAN class="token function">filePath</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
   <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍

FileFolder <SPAN class="punctuation token">{</SPAN>
    id<SPAN class="punctuation token">:</SPAN> imagesFolder
<SPAN class="punctuation token">}</SPAN>
<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

I am then trying to grab that image and attach it to a selected feature.....but something is not working as it does not upload the image to that feature....

<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>                              
     selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>imagesFolder<SPAN class="punctuation token">.</SPAN>filePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"captureTest.jpg"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Does the syntax look correct? I can do this with the example that pops up the dialog box and I select the image from my phone and that works fine although the code is more like this

Having a hard time integrating the two ways to attach an image.

ANY IDEAS?

        DocumentDialog <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> fileDialog

            <SPAN class="keyword token">function</SPAN> <SPAN class="token function">doAddAttachment</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
                    selectedFeature<SPAN class="punctuation token">.</SPAN>onLoadStatusChanged<SPAN class="punctuation token">.</SPAN><SPAN class="token function">disconnect</SPAN><SPAN class="punctuation token">(</SPAN>doAddAttachment<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>fileDialog<SPAN class="punctuation token">.</SPAN>filePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> fileInfo<SPAN class="punctuation token">.</SPAN>fileName<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="punctuation token">}</SPAN>
            <SPAN class="punctuation token">}</SPAN>

            onAccepted<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
                <SPAN class="comment token">// add the attachment to the feature table</SPAN>
                fileInfo<SPAN class="punctuation token">.</SPAN>url <SPAN class="operator token">=</SPAN> filePath
                <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>loadStatus <SPAN class="operator token">===</SPAN> Enums<SPAN class="punctuation token">.</SPAN>LoadStatusLoaded<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
                    selectedFeature<SPAN class="punctuation token">.</SPAN>attachments<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addAttachment</SPAN><SPAN class="punctuation token">(</SPAN>filePath<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"application/octet-stream"</SPAN><SPAN class="punctuation token">,</SPAN> fileInfo<SPAN class="punctuation token">.</SPAN>fileName<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="punctuation token">{</SPAN>
                    selectedFeature<SPAN class="punctuation token">.</SPAN>onLoadStatusChanged<SPAN class="punctuation token">.</SPAN><SPAN class="token function">connect</SPAN><SPAN class="punctuation token">(</SPAN>doAddAttachment<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    selectedFeature<SPAN class="punctuation token">.</SPAN><SPAN class="token function">load</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="punctuation token">}</SPAN>
                console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>filePath<SPAN class="punctuation token">)</SPAN>
            <SPAN class="punctuation token">}</SPAN>
        <SPAN class="punctuation token">}</SPAN>
        <SPAN class="comment token">//! [EditFeatures add attachment from a file dialog]</SPAN>
        MessageDialog <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> msgDialog
        <SPAN class="punctuation token">}</SPAN>
        <SPAN class="comment token">// file info used for obtaining the file name</SPAN>
        FileInfo <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> fileInfo
        <SPAN class="punctuation token">}</SPAN>
        <SPAN class="comment token">//Show storage permission pop-up on Android</SPAN>
        FileFolder <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> fileFolder
            path<SPAN class="punctuation token">:</SPAN> AppFramework<SPAN class="punctuation token">.</SPAN>userHomePath
        <SPAN class="punctuation token">}</SPAN>
        Component<SPAN class="punctuation token">.</SPAN>onCompleted<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
            fileFolder<SPAN class="punctuation token">.</SPAN><SPAN class="token function">makeFolder</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN>
        <SPAN class="punctuation token">}</SPAN>
<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

ErwinSoekianto

Jay,

That path on iOS, /var/mobile/Containers/Data/Application/... is sand-box private application path. You can not just go to the location. But within the same application, you can refer to it using the path, and do things programmatically, such as display it and upload it as an attachment of a feature.

The same logic also applies in the QuickReport template where user can take pictures or videos, then upload them as attachments to a feature.

Thank you,

Erwin

jaykapalczynski

Erwin

Are you actually able to see the image on your mobile device?

jaykapalczynski

Can you go to that location on your phone and see the image file there?

I cannot find the image anywhere on my phone after taking the picture....hmmmm

jaykapalczynski

Thats what I thought....common sense right? ahahah

I cant find the image anywhere on my phone after taking the image....will check again....

ErwinSoekianto

Jay,

The picture is stored at the path highlighted on the screen. See the image below.

Thank you,

Erwin

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.