当我用以下HTML5代码实现拍照显示的时候,发现在苹果手机(iOS系统)上没问题,但是在Android手机上只能显示相册,而不能直接拍照,求解!!
页面文件上使用:
在JS文件上的实现:
function selectFileImage(fileObj) {
var file = fileObj.files['0'];
var Orientation = null;
if (file) {
var rFilter = /^(image\/jpeg|image\/png)$/i; // 检查图片格式
if (!rFilter.test(file.type)) {
return;
}
//获取照片方向角属性,用户旋转控制
EXIF.getData(file, function() {
//alert(EXIF.pretty(this));
EXIF.getAllTags(this);
Orientation = EXIF.getTag(this, 'Orientation');
var oReader = new FileReader();
oReader.onload = function(e) {
var image = new Image();
image.src = e.target.result;
image.onload = function() {
var expectWidth = this.naturalWidth;
var expectHeight = this.naturalHeight;
expectWidth = 800;
expectHeight = expectWidth * this.naturalHeight / this.naturalWidth;
var canvas = document.getElementById("mycanvas");
var ctx = canvas.getContext("2d");
canvas.width = expectWidth;
canvas.height = expectHeight;
ctx.drawImage(this, 0, 0, expectWidth, expectHeight);
var base64 = null;
var mpImg = new MegaPixImage(image);
mpImg.render(canvas, {
maxWidth: expectWidth,
maxHeight: expectHeight,
quality: 0.8,
orientation: Orientation
});
base64 = canvas.toDataURL("image/jpeg", 0.8);
var num=$("#inputphotodiv").children("img").length+1;
$("#inputphotodiv").append("");
$("#inputphoto").attr("src", base64);
};
};
oReader.readAsDataURL(file);
});
}
}