精华内容
下载资源
问答
  • 拍照上传软件
    2009-07-31 23:50:00
     中国网民很多,但我们不可能随处都带着自己的笔记本,更何况带着本本也不见得能上网。当到了一个陌生的地方,上网更多的还是依赖手机,因为手机信号覆盖面更广。有信号,有摄像头,两个简单的条件一旦满足,你就可以及时的让你的亲朋好友了解到你的动态,让他们一起跟着你开心,让他们知道你很安全!这一刻,手机拍照上传的好处显露无疑。
      当然了个人认为手机及时拍照上传要进行大规模的推广还是有点不太现实的。

    一、原因有以下几点:

      1. 因为我用手机拍照片再上传到网络相册里,我多少是需要支付流量费的。对我来说,这是不值得的。

      2. 即便是网络服务应用商,尤其是网络相册提供商推出此类服务,用户的使用量也不会太大。所以就目前的市场情况,网路相册提供商也不会投入太大的精力。

      3. 手机通过拍照及时上传到网站,据目前中国的移动网络速度,传输图片的速度用户还是可以接受的,因为通过GPRS传输图片的话浪费的时间大多是在联网的时候,在已经联网的情况下,一张100多K的图片上传到网上的时间用户是能接受的。

    二、手机即使拍照上传优点:

      1. 可以对突发事件进行报道。比如当我看到一个汽车事故,然后我就可以打开手机拍照软件拍下当时的现场情况,并同网友一起分享或发到论坛。

      2. 如果即使拍即传用到SNS领域,个人认为还是有很大的发展空间的,比如用到像校内网这样的SNS网站,通过即拍即传软件,把所拍的照片传到SNS网站,用于与朋友沟通,还是比较有前途的。但如果只是这样一个功能(即拍即传)的软件其实也没什么多大的用处,你必须把这个功能作为你的SNS客户端中的一个功能来使用,并作为一种特色。

      随着移动互联网建设的加快,3G时代的到来,虽然在中国起步比较晚,3G这个在中国的新生儿到底能走多远,这个都很难去预测,不管是什么3G网络还是4G网络,做重要的一点就是移动互联网的传输速度在加快,一种即拍即传的手机拍照软件势必会朝着视频拍摄即使共享的模式进行发展,可能未来的手机真的能取代电脑。

      目前我所知道的有三款这样的软件:

      1. 饭否拍拍: 目前饭否拍拍客户端只支持S60平台,号称即拍即传的技术也就是把照片拍好之后再手动传到饭否网上去,而且界面比较简陋,当发送失败后,文件就永远丢失,图片太大就会无法上传 下载地址:fanfou.com/paipai

      2. 嘀咕火兔:相对于饭否拍拍,改进了不少,支持S40、S60及Mobile三个平台,稳定性较饭否拍拍有较大改进。下载地址:www.huotu.com/ 

      3. 拍立传: 是一款基于JAVA/Symbian/Mobile平台上的手机网络应用软件,可适应于大部分可拍照手机,相比于上述两款软件实用性更强,速度更快,100多K的照片仅需几秒的时间就可以传到 u.papake.com这个SNS网站上,而且这个软件集成的GPS地理信息可以对你现在所处的位置进行定位。想嘀咕火兔要拍照的时候都要调用一次相机,而这款软件可以做到拍照的连续性。用户体验不错,
    未完待续。。。。。。

    转载于:https://www.cnblogs.com/guzhenguo/archive/2009/07/31/1536287.html

    更多相关内容
  • 从网络服务器存储,读取图片并显示
  • 混合App开发,原生壳子+webApp,在web部分调用原生摄像头功能并且在网页指定区域显示摄像头内容,同时可以手动拍照并进行人脸识别,将识别结果显示在网页上。 技术栈 vue、Html5、video标签、Android、IOS、百度AI ...
  • Android拍照上传服务器

    2017-11-07 09:14:47
    包括客户端和服务器端代码,客户端调用手机相机实现拍照上传服务器。
  • html调用相机并拍照上传.rar
  • 小程序拍照上传失败

    2021-07-22 08:25:55
    小程序真机测试和app都没问题,正式版无法上传 需要在小程序后台-开发管理-开发设置 设置上传域名-uploadFile合法域名

    小程序真机测试和app都没问题,正式版无法上传

    需要在小程序后台-开发管理-开发设置

    设置上传域名-uploadFile合法域名

    展开全文
  • 使用安卓系统采集图片上传ftp服务器的软件源代码,有需求的同学来下
  • 中小学学籍批量拍照软件,自动按身份证号码命名,自动按学籍网要求压缩照片,电脑连接摄像头后直接拍照,可直接上传学籍照片
  • h5手机拍照+人脸识别

    千次阅读 2021-04-21 17:10:20
    //注册拍照按钮的单击事件 document.getElementById("capture").addEventListener("click", function () { canvas.width = video.offsetWidth canvas.height = video.offsetHeight //绘制画面 context....

    预览地址:https://face-camera.vercel.app

    调用手机默认的相机

    • 调用
    <!-- 限制只能选择图片 -->
    <input type="file" accept="image/*">  
    <!-- 限制只能选择视频 -->
    <input type="file" accept="video/*">  
    <!-- 限制只能选择音频 -->
    <input type="file" accept="audio/*"> 
    <!-- 直接打开摄像头拍照 -->
     <input type="file" accept="image/*" capture="camera"> 
    <!-- 直接打开摄像头录像 -->
    <input type="file" accept="video/*" capture="camera"> 
    
    • 渲染

    绑定change事件获取上传的文件file[0]

    创建FileReader对象

    为这个对象绑定onload事件,文件读取完成后触发

    转为图片地址,转换后的地址会在对象的result中返回(base64地址)

    let reader = new FileReader();
    reader.onload = ()=>{
    	img.src = reader.result
    }
    reader.readAsDataURL(file)
    

    还可以直接使用URL.createObjectURL(file),转换地址(blob地址)

    使用getUserMedia API访问媒体设备

    主要是使用navigator.mediaDevices.getUserMedia这个方法,为了保险前期需要做一些处理

    经测试在安卓没有问题

    在ios测试结果:在微信浏览器中不支持无法使用;在Safari中每次访问都会弹出授权相机,允许后会独立视频框,所以需要视频同层播放

    <video
    	ref="video"
    	id="video"
    	autoplay="autoplay"
    	preload="load"
    	playsinline="true"
    	webkit-playsinline="true"
    	x-webkit-airplay="allow"
    	airplay="allow"
    	x5-video-player-type="h5"
    	x5-video-player-fullscreen="true"
    	x5-video-orientation="portrait"
    ></video>
    
    //老的浏览器可能没有实现 mediaDevices,所以我们可以先设置一个空的对象
    if (navigator.mediaDevices === undefined) {
    	navigator.mediaDevices = {};
    }
    
    // 一些浏览器部分支持 mediaDevices。我们不能直接给对象设置 getUserMedia
    // 因为这样可能会覆盖已有的属性。这里我们只会在没有getUserMedia属性的时候添加它。
    if (navigator.mediaDevices.getUserMedia === undefined) {
    	navigator.mediaDevices.getUserMedia = function (constraints) {
    		// 首先,如果有getUserMedia的话,就获得它
    		var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
    		// 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
    		if (!getUserMedia) {
    			return Promise.reject(new Error('此浏览器不支持getUserMedia'));
    		}
    		// 否则,为老的navigator.getUserMedia方法包裹一个Promise
    		return new Promise(function (resolve, reject) {
    			getUserMedia.call(navigator, constraints, resolve, reject);
    		});
    	}
    }
    
    //默认使用前摄像头,强制使用后置摄像头如下设置
     // let constraints = {video: { facingMode: { exact: "environment" } }};
    let constraints = {
    	video: true
    };
    navigator.mediaDevices.getUserMedia(constraints)
    	.then(function (stream) {
    	// 旧的浏览器可能没有srcObject
    	if ("srcObject" in video) {
    		video.srcObject = stream;
    	} else {
    	// 防止在新的浏览器里使用它,应为它已经不再支持了
    		video.src = window.URL.createObjectURL(stream);
    	}
    	video.onloadedmetadata = function (e) {
    		video.play();
    	};
    })
    	.catch(function (err) {
    		console.log(err.name + ": " + err.message);
    });
    
     //注册拍照按钮的单击事件
    document.getElementById("capture").addEventListener("click", function () {
    	canvas.width = video.offsetWidth
    	canvas.height = video.offsetHeight
    	//绘制画面
    	context.drawImage(video, 0, 0, video.offsetWidth, video.offsetHeight);
    });
    

    人脸识别

    • 基础人脸识别

    使用tracking.js可以帮助我们快速识别人脸

    一、创建追踪对象

    数组中可以写入捕获的对象,例如[“face”,“eye”,“mouth”]对应的就是脸、眼、嘴唇,记得要引入对应的文件

    二、开始追踪

    参数1是对应的图片标签,参数2是创建的对象

    三、监听追踪

    开始追踪,会把追踪到的数据返回

    返回数据是一个数组,空数组就是没有识别到,识别到数据里面包含位置信息和大小信息

    四、利用返回的信息创建dom元素,标出位置

    //引入资源
    import "../assets/js/tracking-min.js";			//这是基本文件
    import "../assets/js/face-min";					//识别脸的文件,同样还有eye,mouth文件
    
    // 创建追踪对象
    let tracker = new tracking.ObjectTracker(["face"]);
    
    //开始追踪
    tracking.track("#img", tracker);	
    
    //监听追踪
    tracker.on("track", (e) => {
    	if (e.data.length === 0) {
    		this.$toast("没有检测到人脸");
    	} else {
    		e.data.forEach((ele) => {
              //标出位置
    			this.plot(ele.x, ele.y, ele.width, ele.height);
    		});
    	}
    });
    
    //利用返回的信息创建dom元素,标出位置
    plot(x, y, w, h) {
          let dom = document.createElement("div");
          document.querySelector(".container").appendChild(dom);
          dom.classList.add("rect");
          dom.style.width = w + "px";
          dom.style.height = h + "px";
          dom.style.left = x + "px";
          dom.style.top = y + "px";
        },
      },
    

    tips: 我这里用的是组件进行上传,有时会出现图片被旋转90°,这样就会导致图片识别失败,这里可以借助compressorjs对图片进行修正

    • 调用摄像头识别

    上面是识别图片,同样还可以调用摄像头进行动态人脸捕获,结合上面两个例子就可以实现,同样tracking也提供开启摄像头,但是感觉不好控制

    //track接受第三个参数,可以调用摄像头
    tracking.track("#video", tracker,{camera:true});	
    

    剩下的就是两者的结合。

    更多效果请看示例:https://face-camera.vercel.app

    最后:实现人脸识别的还有face-api.js,同时可以搭配百度人脸识别接口,做一些人脸登录,人脸支付等一些功能。

    原文阅读

    展开全文
  • 当打开软件时,手机的闪光灯也会自动打开,将手指放在摄像头上时,可以将用户的心跳条形图和心率数值显示出来.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • WEB APP通过手机浏览器调用手机相册和手机相机。 实现原理 利用input标签的type="file"类型实现,相册和直接调用相机的属性分别如下: 相册:accept="image/*" 代码:&...

    WEB APP通过手机浏览器调用手机相册和手机相机。

    实现原理

    利用input标签的type="file"类型实现,相册和直接调用相机的属性分别如下:

    相册:accept="image/*"

    代码:<input type="file" accept="image/*" multiple>

    注:点击后为多项选择,其中一项为相册,也包括了相机,添加了multiple可以选择多张图片。

    相机:capture="camera"

    代码:<input type="file" accept="image/*" capture="camera">

    注:相机在accept="image/*" 的基础上添加capture="camera"

    最后通过样式隐藏掉原来的input,然后用小图标代替,使用标签将input包裹起来,这样点击小图标就能点击到input了,(隐藏input主要是设置透明度为0.0

    效果图如下:

    代码实例

    HTML:

    <div class="btn-group justified upload-file-group">
                <div class="btn btn-navbar">
                    <i class="fa fa-photo fa-navbar">
                        <input type="file" id="album" accept="image/*" multiple>
                    </i></div>
                <div class="btn btn-navbar">
                    <i class="fa fa-camera fa-navbar">
                        <input type="file" accept="image/*" id="camera" capture="camera">
                    </i>
                </div>
            </div>

    CSS

    .upload-file-group .btn-navbar input[type=file] {
        color: #418b40;
        font-size: 50px;
        opacity: 0.0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
    }
    .upload-file-group .fa {
        color: #418b40;
        font-size: 50px;
        width: 100%;
        height: 100%;
        padding-top: 50px;
        cursor: pointer;
    }

     

    展开全文
  • 前几天,我们客户端这边收到了市场部的一个需求,需要在我们订单成交后,我们的客户端有一个上传交易凭证的功能,那么如何在Android实现上传图片的这个功能呢?在我进行编码之前,我先问自己几个问题。第一, 图片是...
  • 本程序已调试成功,本地或拍照上传服务器,界面简洁可观,需要者自取
  • 安卓手机中有不少拍照好看的机型,拍出好看的照片的同时,如果加上专业拍照软件的加持,会不会更好呢?那么都有哪些专业的拍照软件呢?下面排行榜123网整理出一份关于安卓手机中的优质滤镜相机软件名单,一起看看吧。1...
  • html5论坛:如何使用HTML5实现拍照上传应用 在HTML5规范的支持下,WebApp在手机上拍照已经成为可能。在下面,我将讲解Web App如何用手机进行拍照,显示在页面上并上传到服务器。 1、 视频流 HTML5 The Media...
  • 3:ShearPhoto拖动拉伸超准,超流畅,在互联网同类型软件绝对排行第一,除了shearphoto,你别无选择 ---------------------------------------- shearphoto1.4 版本升级概况 1:加relativeUrl 接口,相对路径设置...
  • 最近接到一个“发表评论”的需求:用户输入评论并且可以拍照或从相册选择图片上传,即支持图文评论。需要同时在 H5 和小程序两端实现,该需求处理图片的地方较多,本文对 H5 端的图片处理实践做一个小结。项目代码...
  • 微信是大家比较熟悉的社交软件,而依托于微信这个十亿多流量存在的小程序,则越来越多种多样,那么如何制作一个活动打卡小程序呢?线上签到打卡的玩法有哪些? 在现实生活中,签到打卡我们可以使用手写签到,每个人...
  • 12.5MB更新时间:2020-12-25 13:40:27评分:8.7概要:图片文字提取是一款十分强大的扫描软件,当然也带有文字识别的功能哦,可以帮助用户将图片中的文字批量的进行提取,此外图片文字提取app中还有拍照翻译的功能,...
  • 让用户拍照或者从系统图库选择图片后上传到FacePlusPlus网站进行分析,得到返回的json数据,进行分析和绘制带有脸部轮廓和性别年龄的图片,显示给用户,用户可以进行保存图片或者进行社区化分享。
  • 基于Android的 拍照上传 程序开发

    千次阅读 2018-06-14 14:27:36
    基于Android的 拍照上传 程序开发     大家好,我是PETER(cfwdl)。写这篇文章是为了帮助以前没有没有接触过anroid或是刚刚入门并没有摸过手机的硬件设备监测、使用等功能的朋友,给大家一个我自己的写的...
  • 只调用摄像头 <input type="file" accept="image/*...拍照+图库 <input type="file" accept="image/*"> 录像+图库 <input type="file" accept="video/*"> 拍照或录像+图库 <input type="file" a...
  • 在日常开发过程中,这三种功能是再常见不过了,网上相关的文档也一大堆,不过未免让人眼花撩乱,因此...(PS:目前相册选择照片和调用摄像头拍照已经实现了压缩,录制小视频暂未实现,哪位大佬有好的建议,请指教!)
  • 推荐一个好用的拍照解题的软件?搜题软件的功能也是异常强大,只有你想不到没有搜不到,好用专业的拍照解题的软件在这里。 作业帮 作业帮是面向全国中小学生的移动学习平台,也是习题搜索、高效练习和学习沟通的...
  • 安卓拍照并图片上传

    热门讨论 2012-08-29 10:39:19
    主要实现拍照及选取照片通过webservice上传到服务器
  • 无论是拍照识别还是手写识别,都会面临一些技术难点,如公式结构非常复杂,手写不规范等,这都直接影响识别效果,目前看来,效果还是可圈可点的;另外,在灯光不足,比较黑暗的环境中也不用担心,扫描时你可以打开手...
  • js(vue)图片自动裁剪(适合高拍仪单据上传),只是做了简单的边缘获取逻辑处理,没有对图片的倾斜角度做矫正,以后可能会做,但是感觉不太好做。。。。。
  • 该demo使用h5+的功能基于android手机实现了录音,拍照,录像并进行上传下载,播放的功能,采用h5开发移动app,理论是支持android和ios的开发,开发工具采用hbuilder,利用hbuilder打包app在android机上运行,目前只...
  • 如题,有一款app,上传图片只能实时拍照上传,需求能够跳过相机,直接进入相册。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,672
精华内容 3,068
关键字:

拍照上传软件