我正在开发一个网络应用程序,可以从本地浏览和拍照,而且我想通过相机捕获图像。我使用以下代码,我可以捕获设备相机。
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">
现在,我想要获取图像和 onchangeevent,转换为 base64 并希望在该页面本身中显示。
请帮助我!
Miles Erickson 和 Henock Bongi,您需要使用 reader.readAsDataUrl($data);退出 onload 函数,以便 onload 触发。
如果你不想使用 jQuery,请参阅下面的内容:
function readFile(file) {
var reader = new FileReader();
reader.onload = readSuccess;
function readSuccess(evt) {
document.getElementById("your_img_id").src = evt.target.result
};
reader.readAsDataURL(file);
}
document.getElementById('cameraInput').onchange = function(e) {
readFile(e.srcElement.files[0]);
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)