JS 35 - 用 input 选择图片後显示预览图

大家好！

今天我们要实作的是，用 input 选择图片并在画面上显示预览图。
我们进入今天的主题吧！

程序码

Felix('input[type="file"]').on('change', function () {
    if (!this.files[0]) return;

    const previewer = Felix('img');
    const reader = new FileReader();

    Felix(reader).on('loadend', function () {
        previewer.src = reader.result;
    });

    reader.readAsDataURL(this.files[0]);
});

实测

范例连结制作中。

差不多也到尾声了。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！