正在加载图片...
《Web交互开发》实验教学指导/实验六:文件 AllSize=s TotalSize/1024/1024/1024 str=str+"当前驱动器的大小为"+ parselnt(AllSize*10)/10+"mn"; AllSize=s FreeSpace/1024/1024/1024 str=str+"当前驱动器的可用空间为"+ parselnt(AllSize*10)10 alert(str) else alert("该驱动器无效。") (3)请完成以下任务 任务一:测试上述代码的兼容性,包括正E、谷歌和火狐,说明情况。(3分) 任务二:代码 var fso= new ActiveXObject" Scripting. File SystemObject)是什么意思(2分) 任务三:编写程序,使得单击“文件大小”按钮,能够检测出文本框中录入的文件名的文件的 大小、类型以及名称。(7分) 任务四:使用什么方法可以实现页面打印。(3分) 要求 请将上述任务的操作方法,填写到实验报告册中。 2、使用 FileReader读取文件 (1)读取文件如图6-2所示。 请选择一个文件:选择文件未选择任何文件 读取图像读取文本文件 图6-2读取文件 (2)部分如下所示 <head> <meta charset="utf-8"> title>file Reader方法示例< title var resultdocument get Element Byld("result"); var file=document. getElement Byld("file"); function readAsDataURLO i var file=document getElement Byld("file" ).files(o] if( !/imageWw+/ test(file type)) alert("请确保文件类型为图像类型") eturn false var reader-new FileReadero reader. readAsDataURL(file) reader. onload=function(e)i var result=document. getElement Byld("result") 本讲共计6页当前第2页《Web 交互开发》实验教学指导 / 实验六 ：文件 本讲共计 6 页 | 当前第 2 页 AllSize=s.TotalSize/1024/1024/1024; str=str+"当前驱动器的大小为:"+parseInt(AllSize*10)/10+"\n"; AllSize=s.FreeSpace/1024/1024/1024; str=str+"当前驱动器的可用空间为:"+parseInt(AllSize*10)/10; alert(str); }else alert("该驱动器无效。") } （3）请完成以下任务： 任务一：测试上述代码的兼容性，包括 IE、谷歌和火狐，说明情况。（3 分） 任务二：代码 var fso=new ActiveXObject("Scripting.FileSystemObject")是什么意思（2 分） 任务三：编写程序，使得单击“文件大小”按钮，能够检测出文本框中录入的文件名的文件的 大小、类型以及名称。（7 分） 任务四：使用什么方法可以实现页面打印。（3 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 2、使用 FileReader 读取文件 （1）读取文件如图 6-2 所示。 （2）部分如下所示： <head> <meta charset="utf-8"> <title>fileReader 方法示例</title> <script> var result=document.getElementById("result"); var file=document.getElementById("file"); function readAsDataURL() { var file=document.getElementById("file").files[0]; if(!/image\/\w+/.test(file.type)) { alert("请确保文件类型为图像类型"); return false; } var reader=new FileReader(); reader.readAsDataURL(file); reader.onload=function(e){ var result=document.getElementById("result"); 图 6-2 读取文件