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

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

2024-07-28 19:01:55   210人阅读

由于要给一个客户做一个记账WAP，里面有调用手机拍照功能，这里记录一下，以供需要的朋友，下面是完整的一个HTML页面内容，放在服务器上然后浏览就可以了，只支持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" />>
服务器端程序自己加，如果自己没有服务器也可以调用http://jwzhangjie.com/preview.html来做测试
下面是调用几个浏览器的测试效果：
Chrome浏览器效果：

QQ浏览器效果：

拍照效果：


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


联系
我们