Firefox Mobile change event not fired after taking photo in input
Hi together
I'm trying to make an simple uploader for a mobile webpage: you choose a file and it will immediately uploaded, without another klick.
There sould be only:
- <html>
<form enctype="multipart/form-data" action="http://api.qrserver.com/v1/read-qr-code/" method="POST">
- <input name="file" type="file" id="filepicker" class="filepickerd" />
- <!--<input type="submit" value="QR Code lesen" />-->
- </form>
- <div id="iframecontainer"></div>
and JQuery
- <script src="jquery-2.1.0.min.js"></script>
- <script src="jquery.mobile-1.4.1.js"></script>
- <script>
- $(document).ready(function(event){
- $('#filepicker').change(function(){
- var url = 'http://api.qrserver.com/v1/read-qr-code/?fileurl='+encodeURI($(this).val());
- var frame = document.createElement('iframe');
- frame.src = urlhellowwww;
- frame.style.width = '300px';
- frame.style.height = '200px';
- document.getElementById("iframecontainer").appendChild(frame);
- });
- });
- </script>
- </html>
But when I tab on the file chooser, select camera and make the photo, the stuff from the change is not fired...
Can anybody help me with this?