javascript - 保存并显示从输入类型=文件捕获的图像

标签 javascript jquery html input-type-file

我的网页具有从可用相机捕获图像功能。对于网络版本,它只是将视频捕获放置到 Canvas 上。但是对于手机,我使用 <input class="btn btn-info" type="file" accept="image/*" id="cameraCapture" capture="camera">拍摄照片。它要求用户使用手机的相机捕获图像或从其文件系统/图库等上传。单击图像后,它只需将图像的名称放在按钮旁边。 有没有办法访问此图像并将其显示在同一页面中。

提前致谢

最佳答案

您可以使用 FileReader 对象通过 JS 来完成此操作。

看看这个答案:preview-an-image-before-it-is-uploaded

希望对你有帮助

关于javascript - 保存并显示从输入类型=文件捕获的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43279798/

相关文章:

javascript - 如何使用try/catch和finally编写错误处理 block ?

javascript - 使用隐藏 div 的 jquery 查找最近的视频标签 id

javascript - Rails - 单击 link_to 展开表行

javascript - 狮身人面像严重 : unexpected section title -- arbitrary headings in function docstring

javascript - 将简单的 jQuery 选择器转换为 Javascript

CSS伪元素jquery点击事件?

javascript - 显示表格中的行,其单元格名称属性包含来自输​​入的字符串(JQuery)

javascript - AngularJS根据页面innerWidth改变主体宽度

html - 如何设置 Bootstrap 页脚的样式?

javascript - jquery 获取嵌套元素的个数