Image Upload Suggestions Wanted

[coleresources]

I am using the html5 actionscript to access the camera on my mobile devices. Instead of displaying the image which can become unwieldy I'd like to have some time of image or text be displayed notifying the user once the image blob field is made dirty. Has anyone done anything like this that is willing to share their solution? I've tried using a show/hide expression where if image <> "" display image or text but the control is always shown. Any help is appreciated!

[Davidk]

Re: Image Upload Suggestions Wanted

Hey Josh,

Just to understand a bit more... why unwieldy?

The process is:

Click a button (for example)
Get access to your device images
Select one
Have that image displayed in the data bound Image Control (in any size you'd like)
Click Submit to upload and save that image in your data table

Are your images really large? How long does it take to have them display?

While you're waiting for the Image control to become dirty... what would you be doing?

[coleresources]

Re: Image Upload Suggestions Wanted

David,

This is inside of a repeating section and the size of the image varies. What is happening is that the image is pushing the new row/record button in the repeating section so that it's out of sight. I know I can place the data bound image in a container to control the size of the image, the biggest problem is that the image sizes can vary and the snapshot of the image at a fixed size may confuse the user into thinking that the actual image captured was not appropriate. It just seemed like it would be a cleaner solution to find another way to make the user aware that the image is ready to be uploaded. I think the issue I am running into with the show/hide functions...I think Alpha is making the ux component dirty in order to allow for an image to be uploaded before saving the record. Do you think it would be best to just display the image at a fixed size?

[Davidk]

Re: Image Upload Suggestions Wanted

Josh,

Have a look at this and see if it's what you were needing. It was interesting from several aspects because I'm not sure if a simple show/hide would accomplish what I think you needed. I also had to consider what would happen if you cancelled the upload process. There's lots of other stuff that could be done here, but these are the basics.

http://youtu.be/V6-87prbA_8

[coleresources]

Re: Image Upload Suggestions Wanted

Josh,

Have a look at this and see if it's what you were needing. It was interesting from several aspects because I'm not sure if a simple show/hide would accomplish what I think you needed. I also had to consider what would happen if you cancelled the upload process. There's lots of other stuff that could be done here, but these are the basics.

http://youtu.be/V6-87prbA_8

David,

This is what I was imagining. Thanks for taking the time to throw that together. Much appreciated

[Davidk]

Re: Image Upload Suggestions Wanted

There was some code not in view in the video... here is the relevant code...

afterAjaxCallbackComplete

var currRow = {dialog.Object}.getInstanceNumber('image1');
if ($('{dialog.ComponentName}.V.R1.IMAGE1_HIDDENA5FN_A5INSTANCE'+currRow).value.length > 0) {
	$('{dialog.ComponentName}.V.R1.IMAGE_1_A5INSTANCE'+currRow).style.visibility="visible";
	}

Submit : Click event

var rptCnt = {dialog.Object}._getRepeatingSectionRowCount('CONTAINER_2');

for (var i=1;i<rptCnt+1;i++){
	$('{dialog.ComponentName}.V.R1.IMAGE_1_A5INSTANCE'+i).style.visibility="hidden";
	}	

{dialog.object}.submit();