PHP前端开发

用仿ActionScript的语法来编写html5——第九篇,仿URLLoader读取文件

百变鹏仔 2个月前 (10-19) #H5教程
文章标签 语法

第九篇,仿urlloader读取文件

先看看最后的代码

function readFile(){urlloader = new LURLLoader();urlloader.addEventListener(LEvent.COMPLETE,readFileOk);urlloader.load("../file/test.txt","text");}function readFileOk(){mytxt.text = urlloader.data;}

基本上已经实现了Actionscript的模仿了。

效果和代码看这里,看不到效果的请下载支持HTML5的浏览器

http://fsanguo.comoj.com/html5/jstoas09/index.html

立即学习“前端免费学习笔记(深入)”;

下面说说实现过程
其实JavaScript中的ActiveXObject是可以实现本地文件的读写的,但是你的浏览器的安全级别必须设定到最低,但是我们做的游戏和网页是要放到网上的,我们没有办法要求所有的用户这样做。

在这里,我用PHP来实现这一过程,php可以自由读取服务器上的文件,它并不依赖用户的浏览器的设定

用php读取文件很简单,一个fopen函数就可以搞定,下面是file.php的代码

if(!file_exists($_POST["file"])){echo "";exit;}$file = fopen($_POST["file"],"r");$filemsg = "";while (!feof($file)) {$line = fgets($file);$filemsg = $line;}fclose($file);echo $filemsg;

把这个php放到你喜欢的位置,然后在legend.js里面设定路径LEGEND_FILE_PHP指向你放的位置

关于javascript调用php,当然可以自己写,因为它并不算复杂,但是我是一个很懒的人,所以我直接用jQuery来调用了,jquery是什么?估计不用我解释了吧

关于LURLLoader的构造,和LLoader基本一样,只有load方法不一样,下面是LURLLoader类的完整代码,里面调用了之前准备的php来获取要读取的文本

function LURLLoader(){var self = this;self.objectindex = ++LGlobal.objectIndex;self.type="LURLLoader";self.loadtype = "";self.content = null;self.oncomplete = null;self.event = {};}LURLLoader.prototype = {addEventListener:function(type,listener){var self = this;if(type == LEvent.COMPLETE){self.oncomplete = listener;}},load:function (path,loadtype){var self = this;self.loadtype = loadtype;if(self.loadtype == "text"){$.post(LEGEND_FILE_PHP, {flg:"read",file:path},function(data){if(self.oncomplete){self.event.currentTarget = data;self.data = data;self.oncomplete(self.event);}});}}}

关于上面的例子,我加了一个按钮,一个LTextField,代码看下面

init(40,"mylegend",600,500,main);var loadingLayer;var backLayer;var urlloadervar mytxt;function main(){legendLoadOver();var readBtn = addButton("读取",20);readBtn.x = 10;readBtn.y = 20;addChild(readBtn);readBtn.addEventListener(LMouseEvent.MOUSE_DOWN, readFile);mytxt = new LTextField();mytxt.x = 10;mytxt.y = 50;mytxt.text = "";mytxt.width = 300;mytxt.height = 200;mytxt.setType(LTextFieldType.INPUT);addChild(mytxt);}function readFileOk(){mytxt.text = urlloader.data;}function readFile(){urlloader = new LURLLoader();urlloader.addEventListener(LEvent.COMPLETE,readFileOk);urlloader.load("../file/test.txt","text");}function addButton(lbl,x){var up = new LSprite();up.graphics.drawRect(1,"black",[0, 0, 80, 20],true,"#999999");var txt = new LTextField();txt.x = x;txt.text = lbl;up.addChild(txt);var over = new LSprite();over.graphics.drawRect(1,"black",[0, 0, 80, 20],true,"#cccccc");var txt1 = new LTextField();txt1.x = x;txt1.text = lbl;over.addChild(txt1);var btn = new LButton(up,over);return btn;}