栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

图像选择器颤动网1.9

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

图像选择器颤动网1.9

看来

Flutter web 1.10dev
,Universal_html软件包是以下临时空缺职位的不错选择
dart:html

import 'dart:convert';import 'dart:typed_data';import 'package:flutter/material.dart';import 'package:universal_html/prefer_universal/html.dart' as html;class ImagePickerLabPage extends StatefulWidget {  @override  _ImagePickerLabPageState createState() => _ImagePickerLabPageState();}class _ImagePickerLabPageState extends State<ImagePickerLabPage> {  String name = '';  String error;  Uint8List data;  pickImage() {    final html.InputElement input = html.document.createElement('input');    input      ..type = 'file'      ..accept = 'image/*';    input.onChange.listen((e) {      if (input.files.isEmpty) return;      final reader = html.FileReader();      reader.readAsDataUrl(input.files[0]);      reader.onError.listen((err) => setState(() { error = err.toString();          }));      reader.onLoad.first.then((res) {        final enpred = reader.result as String;        // remove data:image/*;base64 preambule        final stripped = enpred.replaceFirst(RegExp(r'data:image/[^;]+;base64,'), '');        setState(() {          name = input.files[0].name;          data = base64.depre(stripped);          error = null;        });      });    });    input.click();  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: Text(name),      ),      floatingActionButton: FloatingActionButton(        child: Icon(Icons.open_in_browser),        onPressed: () {          pickImage();        },      ),      body: Center(        child: error != null ? Text(error) : data != null ? Image.memory(data) : Text('No data...'),      ),    );  }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/406959.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号