Javascript 从HTML5网络摄像头获取图像的src

我有一个应用程序，用户将单击网络摄像头中的图片并将其保存到数据库中。我已经从中添加了插件

我的代码如下：

视频流不可用。
拍照

但当我点击submit来检查它传递的内容时，它是空的！为什么不显示

src

---

NB：我正在接受的帮助，首先定义一个默认src。然后将该src替换为您拍摄的照片：

var myImg=document.getElementById（“photo”）.src；

首先定义一个默认src。然后将该src替换为您拍摄的照片：

var myImg=document.getElementById（“photo”）.src；
关于
html
，
javascript
有两个问题

单击
input type=“submit”
时，
img
src
仍设置为占位符图像，刷新
表单上的
窗口

form
在
photo.setAttribute（'src'，data）将
img
元素
src
设置为
data URI
之前提交在
内拍照

尝试设置
input type=“submit”
disabled
属性，以防止在调用
takepicture
之前提交
form
；将
单击
事件附加到
#开始按钮
；在
#开始按钮
中，单击
处理程序将
上传
事件附加到
#照片
，在
上传
处理程序中设置为
画布
图像集的
数据URI
表示后，应
提醒
的
数据URI
；将
input type=“submit”
disabled
属性设置为
false
，以允许提交
表单

还请注意，如果未使用
https:
协议，则可能会发生错误

 getUserMedia() no longer works on insecure origins. 
 To use this feature, you should consider switching your 
 application to a secure origin, such as HTTPS. 
 See [url] for more details.



视频流不可用。
拍照

plnkr
关于
html
，
javascript
有两个问题

单击
input type=“submit”
时，
img
src
仍设置为占位符图像，刷新
表单上的
窗口

form
在
photo.setAttribute（'src'，data）将
img
元素
src
设置为
data URI
之前提交在
内拍照

尝试设置
input type=“submit”
disabled
属性，以防止在调用
takepicture
之前提交
form
；将
单击
事件附加到
#开始按钮
；在
#开始按钮
中，单击
处理程序将
上传
事件附加到
#照片
，在
上传
处理程序中设置为
画布
图像集的
数据URI
表示后，应
提醒
的
数据URI
；将
input type=“submit”
disabled
属性设置为
false
，以允许提交
表单

还请注意，如果未使用
https:
协议，则可能会发生错误

 getUserMedia() no longer works on insecure origins. 
 To use this feature, you should consider switching your 
 application to a secure origin, such as HTTPS. 
 See [url] for more details.



视频流不可用。
拍照

plnkr
@Nitish
表格
似乎未提交
img的
src
？虽然这似乎不是问题的一部分，但@Nitish
表格
似乎没有提交
img的
src
？虽然这似乎不是问题的一部分，但现在它会提醒我项目的来源，例如it提醒。不是实际的数据，当选中firebugwhat时显示默认的src=“”？现在它会提醒我的项目的源，例如它提醒。不是实际数据，当选中firebugwhat时会显示默认的src=“”？