我正在构建一个移动网站，我想使用相机 API 来拍照。图像应显示在网站上并上传到服务器。根据MDN 上 Camera API的介绍，可以使用FileReader或访问图像并在网站上显示window.URL.createObjectURL。我使用 iPad（Safari 和 Chrome）和 Android 平板电脑（Chrome 和 Firefox）成功测试了这些可能的解决方案。
FileReader和 和有什么不一样window.URL.createObjectURL？我认为window.URL.createObjectURL是较新的，但还不是标准。性能上有区别吗？
有区别。
createObjectURL 同步执行（立即）FileReader.readAsDataURL 异步执行（一段时间后）createObjectURL 返回带有哈希值的 url，并将对象存储在内存中，直到文档触发卸载事件（例如文档关闭）或执行 revokeObjectURLFileReader.readAsDataURL返回base64包含许多字符，并使用比 blob url 更多的内存，但在您不使用它时从内存中删除（通过垃圾收集器）createObjectURL 来自 IE 10 和所有现代浏览器FileReader.readAsDataURL 来自 IE 10 和所有现代浏览器对我来说，最好使用 blob url 的 (via createObjectURL)，它更高效、更快，但如果您使用许多对象 url，则需要通过revokeObjectURL(以释放内存)释放这些 url 。
例如，您可以在 Image onload 处理程序中调用 URL.revokeObjectURL，Image 对象将保留图像数据，而不会丢失它，Nahuel Greco (c)。