html5 获取手机摄像头与相册问题

<input type="file" accept="video/;capture=camcorder">

<input type="file" accept="audio/;capture=microphone">

之前做过微信的一些项目，在ios上使用这个file域是可以实现拍照和选择相册的

但是由于安卓机的兼容性非常糟糕，有些安卓机是可以的，有些就是不行，需要用一些app控件才可以实现

最好用插件，去layer官网有专门的点击，d出浏览还支持多个。

先去官网下载layer包，你的网页引用layer的js文件。

地址：网页链接 点击相册层

然后js代码：

//调用示例

layerready(function(){ //为了layerextjs加载完毕再执行

var ps=$("#psize")val();

layerphotos({

photos: '#layer-photos-demo'

,shift: ps //0-6的选择，指定d出动画类型，默认随机

});

});

html代码：

<div id="layer-photos-demo" class="layer-photos-demo" >

<img layer-pid="id，可以不写" layer-src="缩略地址" src="地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;">

</div>

需要加载cordovajs

方法：

documentaddEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

pictureSource = navigatorcameraPictureSourceType;

destinationType = navigatorcameraDestinationType;

}

//相册

function fromCamera()

{

var source = pictureSourcePHOTOLIBRARY;

navigatorcameragetPicture(function (imageData) {

setimg(imageData);

}, function (message) {

if (source == pictureSourceCAMERA)

alert('加载照相机出错!' + message);

else

alert('加载相册出错!' + message);

}, {

quality: 50,

destinationType: destinationTypeFILE_URI,

sourceType: source

});

}

//拍照

function EditImgPz()

{

navigatorcameragetPicture(function (imageData) {

setimg(imageData);

}, function (message) {

alert(message);

}, {

quality: 50,

destinationType: navigatorcameraDestinationTypeFILE_URI,

sourceType: CameraPictureSourceTypeCAMERA,

allowEdit: true,

encodingType: CameraEncodingTypeJPEG,

popoverOptions: CameraPopoverOptions,

saveToPhotoAlbum: true

});

}

以上就是关于html5 获取手机摄像头与相册问题全部的内容，包括:html5 获取手机摄像头与相册问题、javascript点击查看图片，d框显示图片，怎么用js怎么实现、html5 如何调用手机相册等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！