jQuery Photo Uploader

jQuery Plugin for uploading local photos and capturing from a webcam

plugin preview

Run Conditions

PhotoUploader detects whether webcam capture is possible.

If webcam capture is possible, then the use may choose between file upload, or live capture
If webcam capture is not possible, then the user may only choose to upload a file.

Usage

DOM

PhotoUploader requires an empty <div> element on which to bind.

JavaScript

PhotoUploader must be initialized on the result of a jQuery Selector before use.

  window.YourApp.photoUploader = $("#photoUploader").PhotoUploader({
    url: window.YourApp.root + "/APIEndPointForPOST",
    maxPhotoSize: "2MB"
   });

To display a PhotoUploader, simply call the show() function of the already initialized PhotoUploader.

  $("#uploadImageButton").click(function(){
    window.YourApp.photoUploader.show();
  })

Server Side

PhotoUploader will POST the captured / selected image as a Base64 Encoded png to the endpoint defined by the url option.

npm