在移动端网站开发中，有许多需要使用到手机相册中的图片的场景，如上传头像，选择背景图片等。本文将介绍如何使用html5和js获取手机相册中的图片。

首先，我们需要在html中添加一个input标签作为选择图片的入口。代码如下：

<input type="file"  accept="image/*" >

其中，accept属性的值为"image/*"，表示只允许选择图片文件；display属性设置为none，表示该控件不显示在页面上。

接下来，我们在js中获取该控件，并为其绑定change事件。当用户选择完图片后，该事件将触发。代码如下：

var selectImg = document.getElementById('selectImg');selectImg.onchange = function(e) {var file = e.target.files[0];var reader = new FileReader();reader.readAsDataURL(file);reader.onload = function() {var imgData = this.result;// 对获取到的图片数据进行操作}}

在事件处理函数中，我们获取选择的图片文件，并创建一个FileReader对象将其读入内存。然后，通过FileReader对象将图片文件内容转化为base64字符串格式（imgData变量），可以用来直接显示图片或者上传到服务器端。需要注意的是，由于读入图片文件是一个异步操作，所以需要在读取完成之后才能进行后续的操作。

最后，我们可以将获取到的图片数据进行进一步的处理，例如添加到页面上进行预览等操作。完整代码如下：

<input type="file"  accept="image/*" >var selectImg = document.getElementById('selectImg');selectImg.onchange = function(e) {var file = e.target.files[0];var reader = new FileReader();reader.readAsDataURL(file);reader.onload = function() {var imgData = this.result;// 对获取到的图片数据进行操作var img = new Image();img.src = imgData;// 将图片添加到页面上进行预览document.body.appendChild(img);}}

通过以上代码，我们成功地实现了使用html5和js获取手机相册中的图片的功能。