Question

Javascript：是否可以捕获照片，然后在网络浏览器中显示照片？我正在使用dropzone.js，但它似乎无法满足我的需求。

我的项目是让移动相机在显示到浏览器之前连续拍摄照片..我得到的是浏览器只拍了一张照片然后显示

Answer 1

我正在使用下面的内容，这会在手机上打开相机。

HTML

<input type="file" id="story_avatar" capture="camera" accept="image/*"/>
<img src="empty.png" id="image-item" />

JS

$('#story_avatar').change(function() { // this is the file input
    readURL(this);
});

并更新img元素以包含文件信息

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#image-item').attr('src', e.target.result); //img element
        }
        reader.readAsDataURL(input.files[0]);
    }
}

编辑

Javascript：在网络浏览器中显示照片之前，是否可以拍摄多张照片？

1 个答案: