h5调用摄像机拍照或选择图片并预览

html部分

            <form>
                <input  id="imgInp" type="file" accept="image/*">
                <div>
                    <img id="blah" src="#" alt="显示您上传的商品图片" />
                </div>
            </form>

js部分

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                console.log(e.target.result)
                $('#blah').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgInp").change(function () {
        readURL(this);
    }); 

图片预览依赖HTML5的FileReader