如何使用`chooseMedia`接口在Web应用中获取用户选择的图片？

`chooseMedia`接口通常是在移动应用开发中使用，尤其是在Android开发中，用于让用户选择媒体文件，包括图片。而在Web应用中，获取用户选择的图片通常会使用HTML5的`<input type="file">`元素，并结合JavaScript来处理文件选择和图片显示。

以下是在Web应用中获取用户选择的图片的一个基本流程：

1. 在HTML中添加一个文件输入元素，设置其`type`属性为`file`，并使用`accept`属性指定用户可以上传的媒体类型，例如`image/*`表示接受所有的图片类型。

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

2. 使用JavaScript为该输入元素添加事件监听器，当用户选择文件后触发。

document.getElementById('imageInput').addEventListener('change', handleFileSelect, false);

function handleFileSelect(event) {
    const file = event.target.files[0]; // 获取用户选择的第一个文件

    // 检查文件是否为图片
    if (file.type.startsWith('image/')) {
        // 创建一个FileReader对象来读取文件内容
        const reader = new FileReader();

        // 文件读取成功后调用的方法
        reader.onload = function(event) {
            const img = document.createElement('img'); // 创建一个新的img元素
            img.src = event.target.result; // 设置img的src属性为文件内容的URL
            document.body.appendChild(img); // 将img元素添加到页面中显示图片
        };

        // 开始读取用户选定的文件
        reader.readAsDataURL(file);
    } else {
        alert('请选择图片文件。');
    }
}

3. 文件读取完成后，文件的内容会以DataURL的形式存储在`FileReader`对象的`result`属性中。这个DataURL可以被用作`<img>`元素的`src`属性值，从而在页面上显示图片。