微信浏览器调起相机拍照并显示图片

最新推荐文章于 2025-05-15 10:57:21 发布

金大光

最新推荐文章于 2025-05-15 10:57:21 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript[0] 文章标签：微信 js拍照调起相机 js拍照上传

本文链接：https://blog.youkuaiyun.com/qq_17757973/article/details/78722121

JavaScript[0] 专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何在微信浏览器和其他移动端浏览器中调用相机进行拍照，并展示所拍图片。首先提供了调用相册、文件管理器或相机的代码实现，接着详细讲解了直接调起相机的方法。最后，文章给出了显示所拍摄图片的一种实现方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在微信浏览器或其他移动端浏览器调起相机：

<input type="file" accept="image/*" value="上传" />
<input type="file" accept="image/*" capture="camera" value="上传" />

第一行可以调起相册、文件管理器、相机
第二行直接调起相机
下面是显示图片的一种实现方式

<input type="file" accept="image/*" value="上传" onchange="show(this)" />
<input type="file" accept="image/*" capture="camera" value="上传" onchange="show(this)" />
<script>
    function show(el){
        var imgsrc=window.URL.createObjectURL(el.files.item(0));    
        var img=new Image();
        img.src=imgsrc;
        document.body.appendChild(img);
    };
</script>