输入类型=“文件”不填充在Android浏览器上的画布

-1

我试图建立一个使用HTML5的Web应用程序，它有一个用户个人资料页面，我在Android浏览器上测试时遇到输入类型=“文件”问题。选中它后，可以选择打开相机或图库，当选择文件时，它会填充文件字段，但无法使文件填充画布。这完全适用于ios和firefox，Android上的Chrome。输入类型=“文件”不填充在Android浏览器上的画布

下面是HTML代码：

<canvas id="canvas" width="160" height="120" style="border:1px solid #000000;"></canvas> 
    <input type="file" capture="camera" accept="image/*" id="takePictureField" onchange="picChange(event)">

和JavaScript：

功能picChange（EVT） { 变种的FileInput = evt.target.files;

if(fileInput.length>0) 
{ 
    var windowURL = window.URL || window.webkitURL; 
    var picURL = windowURL.createObjectURL(fileInput[0]); 
    var photoCanvas = document.getElementById("canvas"); 
    var ctx = photoCanvas.getContext("2d"); 
    var photo = new Image(); 

    photo.onload = function() 
    { 
     ctx.drawImage(photo, 0, 0, 160, 120); 
    }; 
photo.src = picURL; 
windowURL.revokeObjectURL(picURL); 
}

}

有人能看到我在做什么错？我是否需要在windowURL中添加一些内容以便Android可以识别它？任何帮助将不胜感激，因为这真的开始纠缠我！

来源

2015-01-15 franklenehan32

升级到最新版本的andriod似乎解决了这个问题！

来源

2015-01-23 11:08:37 franklenehan32

输入类型=“文件”不填充在Android浏览器上的画布

回答

相关问题