File Transfer plugin allows to upload photo or files to the remote server from the PhoneGap app.
In this tutorial, I am using Camera plugin to take a photo from camera or gallery. It will return response either in base64 format or path. You can use jQuery AJAX to upload photo in base64 format.
But it is not the better way because it works well when the image quality is low but when the image is taken from better camera device or photo quality is good then it increases the image size and takes a longer time to process, crash the app, slow down the device.
While adding File transfer plugin it will automatically download File plugin also that use to manipulate files in the device.
In the demonstration, I am creating a basic app where upload the selected photo to the server.
QR code is quick response code that has large storage capacity. It is consist of black and white square box that can be read using smartphones or dedicated QR reading devices to gain access to additional information.
This can be used for advertisement, storing web site URL, information, etc.
In this tutorial, I am using the jquery.qrcode.js plugin to generate custom QR code and embed on the web page.
You can adjust its size, background and foreground color with options.
The autocomplete functionality shows the suggestion list according to the entered value. The user can select a value from the list.
With jQuery UI you can easily add autocomplete widget on the input element. Navigate to the suggestion list either by mouse or keyboard arrow keys.
It has the various options that allow us to customize the widget.
You can fix the suggestion source value while initializing in this case whenever the user typed any character then it searches the value within the given source value or you can make it dynamic with AJAX.
In the demonstration, I am implementing this on an element which shows the user’s name list according to the entered value with AJAX.