《Web交互开发》实验教学指导/实验八:文件 《Web交互开发》实验教学指导 实验八:文件 、实验目的(5分) 1、掌握 FileReader Api读取文件的方法; 2、掌握文件和目录的操作方法 3、掌握文件系统的使用; 二、实验环境(5分) 1、 Windows XP/Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址。 三、实验要求(5分) 1、使用 FileReader读取文件 2、分割图像 3、使用 jQuery加载js文件 4、实现天气预报代码。 四、实验原理(5分) l、 File Reader apl; 2、文件和目录的操作 3、文件系统的使用 五、实验步骤(40分) 1、使用 FileReader读取文件 (1)读取文件如图8-1所示。 请选择一个文件:[选择文件未选择任何文件 「读取图像读取文本文件 图8-1读取文件 (2)请完成下面的任务: 任务一:完成图像文件的读取操作?(10分) 任务二:完成中文文本的读取操作?(10分) 要求 请将上述任务的操作方法,填写到实验报告册中。 2、分割文件 (1)上传文件,显示文件的前1000字节 (2)请完成下面的任务 本讲共计3页|当前第1页《Web 交互开发》实验教学指导 / 实验八 ：文件 本讲共计 3 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验八：文件 一、实验目的（5 分） 1、掌握 FileReader API 读取文件的方法； 2、掌握文件和目录的操作方法； 3、掌握文件系统的使用； 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、使用 FileReader 读取文件； 2、分割图像； 3、使用 jQuery 加载 js 文件； 4、实现天气预报代码。 四、实验原理（5 分） 1、FileReader API； 2、文件和目录的操作； 3、文件系统的使用。 五、实验步骤（40 分） 1、使用 FileReader 读取文件 （1）读取文件如图 8-1 所示。 （2）请完成下面的任务： 任务一：完成图像文件的读取操作？（10 分） 任务二：完成中文文本的读取操作？（10 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 2、分割文件 （1）上传文件，显示文件的前 1000 字节。 （2）请完成下面的任务： 图 8-1 读取文件