无法读取未定义的属性“_handleNewFile”

Cannot read property '_handleNewFile' of undefined

本文关键字：handleNewFile 属性 读取 未定义      更新时间：2023-09-26

我刚刚实现了教程页面中的示例，正常上传工作正常，但我也不想在移动设备上使用相机，所以我添加了这篇 fineuploader 博客文章中的代码。

现在，如果我单击"相机"按钮，则会出现文件选择对话框或打开相机应用程序，仅此而已。我只在我的 Javascript 调试控制台中收到此消息：

"未捕获的类型错误： 无法读取未定义的属性'_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>

感谢您的帮助！

刚刚发现默认的示例按钮也使用移动设备上的相机，所以我没有使用相机按钮。

编辑：IOS 8上的Chrome不会提供相机选项Android 4.2.2 上的标准浏览器会打开相机，但拍摄的照片不会上传

相关文章：