I'm trying to enable the camera selection while browsing for files on mobile devices.

For example when I'm using the following html code:

 <label for="image3" class="btn btn-default">

        <input id="image3" type="file" accept="image/*" name="fImages" class="m_none" style="display:none" capture>

         <span class="glyphicon icon icon-camera"></span> Take / Upload Photo

  </label>

Then the mobile device will show the camera options.

I'm trying to achieve the same with CuteWebUI.MvcUploader, but with no success (

The html looks like this

     <span id="Uploader1Insert">

                                <span tabindex="0" class="group-span-filestyle d_none">

                                    <label class="btn btn-default">

                                       <span class="glyphicon icon icon-camera"></span> Take / Upload Photo

                                    </label>

                                </span>

    </span>

 @{

      using (CuteWebUI.MvcUploader uploader = new CuteWebUI.MvcUploader(System.Web.HttpContext.Current))

      {

            uploader.UploadUrl = Response.ApplyAppPathModifier("~/UploadHandler.ashx");

            //the data of the uploader will render as <input type='hidden' name='myuploader'>

            uploader.Name = "myuploader";

            uploader.InsertButtonID = "Uploader1Insert";

            uploader.MultipleFilesUpload = true;

            uploader.AllowedFileExtensions = "*.jpg,*.jpeg,*.png";

            uploader.MaxSizeKB = 4 * 1024;

            uploader.ManualStartUpload = false;

            @Html.Raw(uploader.Render())

      }

} 

<script type="text/javascript">

      function CuteWebUI_AjaxUploader_OnInitialize() {

            var hidden = this;

            hidden.internalobject.addonobject.accept = "image/*";

            hidden.internalobject.addonobject.capture = true;

      }

</script>