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>