OpenPicker

Add javascript to your site

Copy Paste the folllowing code snippet, anywhere on the page where you want to user OpenPicker.

<script type="text/javascript">
  (function(window,document) {
    window.openpicker = {};
    var op = document.createElement('script'); op.type = 'text/javascript'; op.async = true;
    op.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + '<%=host%>/script/v1.js?t=<%=timestamp%>';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(op, s);
  })(window,document);
</script>

Use OpenPicker

      $('#buttonImage').click(function(){
          window.openpicker.getFiles({mimetypes: "image/*" ,conversions:['crop','rotate'],cropRatio: 1/1},function(openpickerResponse){
            console.log("Open Picker Response is");
            console.log(openpickerResponse);
              $('#uploadedImage').attr('src',openpickerResponse.file.url);
              $('#uploadedImage').show();
          });
      });

Add javascript to your site

Use OpenPicker

Try Uploading a File