如何在颤动中上传图像以及在文本框中输入的文本？

Question

我是新来的颤振。我需要从图库中选择图像，并需要在文本框中显示其名称，然后在文本框中输入文本，我需要通过按发送按钮将该图像上传到服务器。我该怎么做？

Answer 1

要从您的图库中选择图像，您可以使用image_picker 包。下面是一个展示如何使用它的博客：

https://medium.com/fabcoding/adding-an-image-picker-in-a-flutter-app-pick-images-using-camera-and-gallery-photos-7f016365d856

现在关于获取文件名。使用上述包获取图像后，您将通过执行以下操作以文件格式获取它：

File image = await  ImagePicker.pickImage(source: ImageSource.gallery);

之后，您可以获得文件的路径，最后一个路径段将为您提供文件的名称。以下是如何实现它的示例：

File image = File("/storage/emulated/0/Android/data/my_app/files/Pictures/image_214.png");  // Replace the path string with any valid path on your device if you want to test it out. out
String fileName = file.path.split('/').last;

此外，如果您想将文件名字符串添加到您的文本字段，请在您的文本字段中添加一个TextEditingController，您将能够通过访问该控制器的text 属性将文件名添加到您的文本字段。按照下面给出的链接获取有关如何使用 TextEditingController 的示例：

https://flutter.dev/docs/cookbook/forms/retrieve-input

之后，您可以使用后端的 API 将图像连同文件名一起上传到您的服务器。