4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的

1. 本节课将为您演示，如何上传图片至服务器，并实时显示上传的进度。首先在左侧的项目导航区，查看项目中已经导入的图片文件。

image

2. 这张图片将被上传至服务器，接着打开视图控制器的代码文件。

image

3. 现在开始编写代码，实现图片上传的功能。

image

4. 在当前的类文件中，引入已经安装的第三方类库。

image

5. 添加一个方法，首先实现一个简单的上传动作。

image

6. 获得项目中的图片所在的路径。

image

7. 然后通过调用网络操作库的上传方法，将指定位置的图片文件，上传到您自己的服务器接口。

image

8. 上传完成之后，返回主线程，弹出上传结束的提示信息。

image

9. 首先获得服务器返回对象的结果信息。

image

10. 接着创建一个警告窗口，并设置弹出窗口的标题、信息和样式等属性。

image

11. 初始化一个警告动作的按钮控件，当点击该按钮时，关闭弹出窗口。

image

12. 将警告动作添加到窗口中，然后弹出警告窗口。

image

13. 在视图加载完成之后的方法中，执行图片上传的任务。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

14. 项目启动后，图片被上传到指定的服务器接口，并弹出上传结束的提示窗口。点击此处的[停止]按钮，关闭模拟器。

image

15. 继续代码的编写，添加另一个图片上传方法。

image

16. 我们将在该方法中，实现图片的上传，并实时显示上传的进度。

image

17. 获得项目中的图片所在的路径。

image

18. 然后通过调用网络操作库的上传方法，将指定位置的图片文件，上传到您自己的服务器接口。同时在上传进度的方法中，处理返回的进度信息。

image

19. 在控制台依次输出上传进度的完成比例、已经上传的字节数和总的字节数。

image

20. 调用验证方法，验证上传的任务。

image

21. 接着处理上传结束后，服务器返回的数据。

image

22. 上传完成之后，返回主线程，弹出上传结束的提示信息。

image

23. 首先获得服务器返回对象的结果信息。

image

24. 接着创建一个警告窗口，并设置弹出窗口的标题、信息和样式等属性。

image

25. 初始化一个警告动作的按钮控件，当点击该按钮时，关闭弹出窗口。

image

26. 将警告动作添加到窗口中，然后弹出警告窗口。接着点击右侧的垂直滚动条，跳转到编辑区的顶部位置。

image

27. 将此处的方法名称，修改成第二个图片上传方法。

image

28. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

29. 图片上传完成之后，在模拟器中弹出了上传结束的提示信息。点击此处的[停止]按钮，关闭模拟器，并观察控制台输出的上传进度的日志。

image

本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载

apps8 2.png