提问者:小点点

设置通过JavaScript输入的HTML表单图像的'capture'属性


对于我的一个项目,我有一个包含文件输入(接受。jpg和。png)的表单。 我知道可以在input标签中设置capture属性,这样当按钮被点击时,不是显示一个文件选择器,而是应该直接转到相机(这里针对的是电话/平板电脑使用情况)。 这很管用!

例如,它应该是这样的:

<input type="file" accept="image/jpeg, image/png" capture>

现在我想用JavaScript动态地将文件输入添加到表单中,当它们按下add other image按钮时。

我已经走了这么远:

const input = document.createElement('input')
    
input.type = 'file';
input.name = 'image';
input.accept = 'image/jpeg, image/png';

document.getElementById('image-input-container').appendChild(input);
input.click();

是否也可以使用JavaScript以这种方式设置capture属性?


共1个答案

匿名用户

您可以使用setAttribute设置捕获。

input.setAttribute("capture", "");

accept属性也应该设置为允许任何类型的图像。

input.accept = 'image/*';

相关问题