Now you can call the APIs listed in this section as per your requirements to manage profile pictures in the applications built using Canvas framework.

For your understanding, sample application screen shots from jQM have been provided in this section.

Before calling the APIs, set the following properties in the componentpreferences.properties file:

Specify the path of the user upload images for your application.

###########################################################################################
# This property is used to define the path of the user uploaded images.
# This should be a relative path with respect to the
# root path that is configured as CT_WORK_CENTRALIZED_PATH in implementation property file.
###########################################################################################
USER_IMAGES_FOLDER=/PictureUpload

Specify the maximum size for the user image file in bytes.

######################################################################
# This Property is used to restrict the user uploaded images file size
######################################################################
USER_IMAGES_MAXSIZE=10485760

Specify the image formats, which can be uploaded by the user.

##############################################################################
# This property will define the user images formats which uploaded by the user.
##############################################################################
USER_IMAGE_FORMATS=jpg,png,gif,jpeg

If you want the images to be in a particular dimension, specify the dimension for the image element (<img>) in your CSS.

Refer the following pages:

Browser not supported