HTML5 Camera API - Not working in Chrome?


I followed this article: <a href="http://www.syntaxxx.com/accessing-user-device-photos-with-the-html5-camera-api/" rel="nofollow">http://www.syntaxxx.com/accessing-user-device-photos-with-the-html5-camera-api/</a>

Using my desktop, it works in Firefox. In Chrome it doesn't work though. It says:

Failed to load resource: the server responded with a status of 404 (Not Found) blob:http%3A//localhost/a4368515-b68f-43ff-8e11-c888bc90b93b

In the article I linked to, one of the commenters said it didn't work in Chrome (so it's not only me) but there is no solution posted.

Does anyone here know why that code won't work in Chrome?


In this case the article is releasing the Blob Object (using revokeObjectURL) before the request has been made, so when the image requests the blob it is no longer there. Chrome is <a href="http://dev.w3.org/2006/webapi/FileAPI/#dfn-revokeObjectURL" rel="nofollow">Specification compliant</a>, the sample should check that the image has loaded before revoking the Blob URL.

See <a href="https://jsbin.com/viyepa/1/edit" rel="nofollow">https://jsbin.com/viyepa/1/edit</a> for an example that works, I have commented out revokeObjectURL and it now works. If you add it back in, it will fail.


  • Clear Cell contents depend on other cell content
  • How can I split a string between multiple delineating characters?
  • regular expression special character elimination [duplicate]
  • Spring Integration listen on queue without poller
  • Laravel 5 and Wordpress 4.1.1 in the same server
  • Finding out how to get this specific URL
  • Can't find pipeline editor anymore
  • How to check if a Firefox WebExtension is installed or not with page JavaScript?
  • Firefox version for selenium-firefox-driver 2.41.0
  • TSQL creating a dynamic report from two tables, one table is holds the headers, other one, data
  • Javascript match doesn't work in IE
  • mailto link is not working in Chrome Browser (Version :18.0.1025.152 m)
  • Change ListView font size in JavaFX
  • OpenXML how to get cell in range
  • Cross browser key event handler in Dart
  • Problem in Loading xml from specified url using javascript in FF & Google Chrome
  • In Java, how can I construct a File from a resource?
  • C# program and C++ DLL compiled for 32-bit system crash on 64-bit system
  • Problems installing Yesod for Haskell
  • JBoss External Properties Files in Classpath
  • Loading .coffee files via a view in Rails
  • Unable to install Git-core+svn by MacPorts
  • Is playing sound in Javascript performance heavy?
  • Create DicomImage from scratch using Dcmtk
  • VSO Build — Response status code does not indicate success: 404 (Not Found)
  • Chrome doesn't support silverlight anymore? How to solve this?
  • ilmerge with a PFX file
  • Ajax jQuery multiple calls at the same time - long wait for answer and not able to cancel
  • Launch Runnable Jar from Web Start
  • Resize panoramic image to fixed size
  • Volusion's generic SQL folder, functionality
  • Javascript convert timezone issue
  • In LanguageTool, how do you create a dictionary and use it for spell checking?
  • Do create extension work in single-user mode in postgres?
  • R: gsub and capture
  • jqPlot EnhancedLegendRenderer plugin does not toggle series for Pie charts
  • Comma separated Values
  • How do you join a server to an Active Directory (domain)?
  • coudnt use logback because of log4j
  • How to load view controller without button in storyboard?