对于我的一个项目,我有一个包含文件输入(接受。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
属性?
您可以使用setAttribute
设置捕获。
input.setAttribute("capture", "");
accept属性也应该设置为允许任何类型的图像。
input.accept = 'image/*';