javascript - 拍照并使用 CSS 和 javascript 将其放在 html 文件中

标签 javascript html css

我找不到任何具体回答我正在尝试做的事情(如果我错过了,非常抱歉)我是编程的新手,我正在尝试为我的工作制作一张注册表,您可以在其中插入简单的东西,比如姓名、昵称、电话号码等。我们希望它能够插入照片,我很乐意向您展示我们用来甚至能够使用相机的代码,但我不记得了,它看起来像

<input type="file" accept="image/*camera">

(很抱歉,如果这没有意义)这样做之后,它只会让拍照按钮旁边的照片变得非常小,我想知道是否有办法拍照并在屏幕上清晰地显示出来已经在屏幕上的灰色框,里面没有图像。我们正在使用 CSS、Javascript 和 HTML。很抱歉,如果这完全没有意义,如果之前有人问过这个问题,我很抱歉。

编辑:我们希望在 ipad 上的 safari 或 chrome 应用程序上运行它

先谢谢大家

最佳答案

恐怕你把这里的东西搞混了。 接受 is for mime types (例如,只有带有 image/* 的图像。

此外,您应该尝试使用 capture 属性(如 described on MDN web docs )。

几年前我有一个类似的元素,其中该属性接受一个 bool 值。不过,我们使用的是 Android 平板电脑。

关于javascript - 拍照并使用 CSS 和 javascript 将其放在 html 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60722136/

相关文章:

javascript - ajax 返回负载而不是表单数据

javascript - 如何创建一个用户可以复制文本的弹出框?

html - 我在构建水平导航栏时做错了什么?

javascript - 访问客户端 js 文件中的 handlebars 变量

javascript - 否则 rgba 不能在 javascript 中工作

Javascript 隐藏/显示带有复选框的类

javascript - 防止在 Angular 中按 Enter 键时提交表单

html - 将 HTML 元素添加到 WordPress 子主题

css transitions - 为什么这不起作用?

Javascript:Div 正在打开但没有向后折叠