java拍照上传功能_js实现手机拍照上传功能

在前段时间的项目开发中，用到了拍照上传的地方，后来发现了最为简单的一种方法,现总结如下：

上传部分的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路径问题的方法。具体在前面的博客中介绍过)

其实还有很多优秀的库可以解决这个问题，等到日后需要详细了解的时候再总结。

最后其实就是实现了这样的一个效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

java拍照上传功能_js实现手机拍照上传功能相关推荐

oracle 自带实时同步功能吗_Oppo手机自带翻译功能你知道吗？一键实时语音翻译，看完学到了...
OPPO手机这两年的发展特别迅猛,而凭借着Reno和R系列吸粉无数,但是你知道吗?oppo手机吸引用户的不仅仅是外观和自拍,还有它特别好用的系统,就比如翻译这个功能,oppo手机自带的功能就能帮你轻松 ...
java 手机信息管理系统照相功能_Android实现手机拍照功能
本文实例为大家讲解如何轻松实现Android手机拍照功能,分享给大家供大家参考.具体如下: 一.布局文件main.xml android:layout_width="fill_parent& ...
android实现华为手机拍照上传_继续引领手机拍照华为将带来液态镜头
点击上方蓝字[安兔兔]关注我文章每天不断更! 在手机拍照方面,华为一直都处于领先地位,那么面对友商的疯狂追赶,在下一代旗舰机型上,华为要对镜头做出如何的升级才能避免自己不被超越呢? 据相关的博主爆料 ...
vant 上传附件后回显_Vue + VantUI Uploader 上传组件，实现上传功能，但手机实时上传照片只回显，上传不上去。...
电脑浏览器没有任何问题手机上操作, 就会出现图片上传不上去, 也没有报错, 怀疑是没有触发上传事件 , 但又不知道如何修改, 求大神给个建议.. 来个Demo 那就好极了这是前端页面 & ...
怎样在电脑上上传图片_怎么把手机的照片传到电脑,详细教您电脑上传图片到手机...
有时候,我们会发现身边的用户会使用手机来拍照,利用智能手机拍下美丽的照片,从而留下美好的照片留作纪念.有时我们为了需求,需要将手机里的照片传到电脑里,那么大家知道如何将手机里的照片传到电脑里吗?下面, ...
java实现打手机电话功能_Android 实现手机拨打电话的功能
一部手机最常用的功能就是打电话和发短信了,在Android开发中我们如何通过程序拨打电话呢?本文就给出一个用Android手机拨打电话的简单的实例. 下面是开发此实例的具体步骤: 一.新建一个Andr ...
手机关闭java 功能吗,关闭手机这几个功能，马上省电80%！很多人不知道
原标题:关闭手机这几个功能,马上省电80%!很多人不知道大家是不是有这种感觉都没怎么玩手机, 电就咻咻地用完了以至于出门必须随身携带个充电宝才安心其实啊,这和大家平常的手机设置也有关不妨看看 ...
oppo手机计算机的隐藏功能介绍,OPPO手机有什么隐藏功能？这一波强大又实用的功能了解一下~...
相信有很多小伙伴都知道,现在有很多人都喜欢使用国产手机,其中就有很多人因为OPPO手机的高性价比而成为了OPPO手机的粉丝.对于一些刚使用OPPO手机的小伙伴来说,肯定很想知道在OPPO手机中有什么隐 ...
电脑手机wifi互传文件_安卓手机文件互传
怎么不借用第三方工具,安卓手机实现相互文件快传呢? 苹果: 首先不用多说,苹果可以使用Air Drop功能,苹果全家桶可以无障碍互传. 长期以来,除开微信和QQ,不同品牌安卓手机互传文件依靠的途径只有 ...

java拍照上传功能_js实现手机拍照上传功能

java拍照上传功能_js实现手机拍照上传功能相关推荐

最新文章

热门文章