首页 > 代码库 > Web调用安卓,苹果手机摄像头,本地图片和文件

Web调用安卓,苹果手机摄像头,本地图片和文件

因为要给一个客户做一个记账WAP,里面有调用手机拍照功能。这里记录一下。以供须要的朋友。以下是完整的一个HTML页面内容,放在server上然后浏览就能够了,仅仅支持Chrome和Safari核的浏览器。我測试过QQ浏览器,Chrome,Safari浏览器都能够。在不同的手机和浏览器上面展现的方式不一样。

<!DOCTYPE HTML>
<html>
<head>
	<title>上传图片</title>
	<meta charset="utf-8">
</head>
<body>
	<iframe name="uploadfrm" id="uploadfrm" style="display: none;"></iframe>
	<form name="formHead" method="post" action="" id="formHead" enctype="multipart/form-data" target="uploadfrm">

		<div>
		    <div>
		        <input type="file" name="file_head" id="file_head" onchange="javascript:setImagePreview();" />
		    </div>
		    <div>
		        <div id="DivUp" style="display: none">
		            <input type="submit" data-inline="true" id="BtnUp" value=http://www.mamicode.com/"确认上传" data-mini="true" />>
server端程序自己加,假设自己没有server也能够调用http://jwzhangjie.com/preview.html来做測试

以下是调用几个浏览器的測试效果:

Chrome浏览器效果:

技术分享

QQ浏览器效果:

技术分享

拍照效果:

技术分享


Web调用安卓,苹果手机摄像头,本地图片和文件