js实现⼿机拍照上传功能
在前段时间的项⽬开发中，⽤到了拍照上传的地⽅，后来发现了最为简单的⼀种⽅法，现总结如下：
<form id="form" method="post" action="192.168.1.131:8080/task/add" enctype="multipart/form-data">
<input id="input-file" type="file" accept="image/jpeg" capture="camera"/>
</form>
上传部分的JS代码：
$("input[type='file']").on('change', function () {
$('#form').submit();
//var oFReader = new FileReader();
inputtypefile不上传文件//var file = ElementById('input-file').files[0];
//adAsDataURL(file);
//loadend = function(oFRevent){
// var src = sult;
// $('.content').attr('src',src);
// alert(src);
//}
});
现在看来 type = file的⽤处还真的是蛮⼴泛的。这⾥其实就是⽤到了浏览器对input type = file的解析，⾃动会获取设备上的⽂件⽬录和摄像头。（注释掉的内容是当在电脑上需要上传⽂件并显⽰在页⾯上时，解决⽂件fakepath路径问题的⽅法。具体在前⾯的博客中介绍过）
其实还有很多优秀的库可以解决这个问题，等到⽇后需要详细了解的时候再总结。
最后其实就是实现了这样的⼀个效果：
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。