Я только что реализовал пример со страницы руководства, и обычная загрузка работает нормально, но я также не хочу использовать камеру на мобильных устройствах, поэтому я добавил код из этого запись в блоге Fineuploader.
Теперь, если я нажму кнопку «Камера», появится диалоговое окно выбора файла или откроется приложение камеры, но это все. Я получаю это сообщение только в своей консоли отладки Javascript:
«Uncaught TypeError: невозможно прочитать свойство _handleNewFile из неопределенного»
Вот мой клиентский код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="resources/fine-uploader/fine-uploader.css" rel="stylesheet">
<script src="resources/fine-uploader/fine-uploader.js"></script>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/template" id="qq-template">
...default-template...
</script>
<script type="text/javascript">
$(document).ready(function(){
var uploader = new qq.FineUploader({
element: document.getElementById("myFineUploader"),
camera: {
ios: true
},
debug: true,
request: {
endpoint: 'upload/receiver/'
}
});
qq(document.getElementById("cameraButton")).attach("change", function() {
uploader.addFiles(this);
});
});
</script>
<title>Fine Uploader default UI</title>
</head>
<body>
<div id="cameraButtonContainer" class="qq-upload-button" style="position: relative; overflow: hidden; direction: ltr;">
<div>Camera</div>
<input id="cameraButton" type="file" name="camera" accept="image/*;capture=camera" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
</div>
<div id="myFineUploader"></div>
</body>
</html>
Ваша помощь приветствуется!