Method view

Ch06/yew-image-processing/src/app.rs:102–123

(&self)

    }

    fn view(&self) -> Html {
        html! {
            <div>
                <input type="file" name="image-upload" id="image-upload" value="" onchange=self.link.callback(move |value| {
                    let mut result = Vec::new();
                    if let ChangeData::Files(files) = value {
                        let files = js_sys::try_iter(&files)
                            .unwrap()
                            .unwrap()
                            .into_iter()
                            .map(|v| File::from(v.unwrap()));
                        result.extend(files);
                    }
                    Msg::LoadFile(result)
                }) />
                <br />
                <button id="shrink" onclick=self.link.callback(move |_| { Msg::Shrink })>{ "Shrink" }</button>
                <br / >
                <canvas id="preview"></canvas>
            </div>
        }
    }
}