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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

apps8 2.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容