这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要为大家详细介绍了 js 实现手机拍照上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
在前段时间的项目开发中,用到了拍照上传的地方,后来发现了最为简单的一种方法, 现总结如下:
- <form id="form" method="post" action="http://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();
- //var file = document.getElementById('input-file').files[0];
- //oFReader.readAsDataURL(file);
- //oFReader.onloadend = function(oFRevent){
- // var src = oFRevent.target.result;
- // $('.content').attr('src',src);
- // alert(src);
- //}
- });
现在看来 type = file 的用处还真的是蛮广泛的。这里其实就是用到了浏览器对 input type = file 的解析,自动会获取设备上的文件目录和摄像头。(注释掉的内容是当在电脑上需要上传文件并显示在页面上时,解决文件 fakepath 路径问题的方法。具体在前面的博客中介绍过)
其实还有很多优秀的库可以解决这个问题,等到日后需要详细了解的时候再总结。
最后其实就是实现了这样的一个效果:
来源: http://www.phperz.com/article/17/0709/328456.html