Javascript调用Flash函数上传文件

时间:2012-05-10 01:14:56

标签: php javascript jquery flash

我想知道我是否能得到关于做以下事情的最佳方法的som建议......

我目前正在使用Javascript调用Flash AS3函数(使用jQuery)此函数上传已在此Flash文件中选择的文件。 Flash然后上传文件并调用处理已处理文件的php文件(upload.php)。一切正常。但是,还有其他与上载文件相关的细节(由用户在文本框中输入)所有这些数据(包括上载文件的路径)必须保存到数据库中。这可以通过ajax调用另一个php文件(processData.php)来完成。我的问题是,当我上传文件时,我无法通过flash发送其他详细信息以及文件(至少不是我知道的)导致2个不同的PHP脚本执行。其次,通过ajax调用的其他php脚本没有要添加到DB的文件信息。如果我想要的话,我可以在会话中存储这些信息,但它似乎并不能说服我这是最好的方法。还有其他想法或建议吗?

我有相当多的代码,所以为了避免让这个问题变成一个巨大的问题,我觉得这个问题非常重要,我认为这些问题非常重要,而闪存的一些片段让你可以知道最新情况......如果有的话任何其他你想看到的代码都可以自由地问及发布它...

JS:

$("#uploadAudio").submit(function(event) {
    event.preventDefault();

    var form = $(this);
    var title = form.find("#title").val();
    var desc = form.find("#desc").val();

    var flash = $("#flash");

    var flashFileSet = flash.get(0).jsIsFileSelected();

    if(flashFileSet)
    {
        $.ajax({
            type: "POST",
            url: "processData.php",
            dataType: "text",
            data: "title=" + title + "&desc=" + desc,
            async: false,
            success: function() {
                audFile.get(0).jsUploadFile();
            }
        });
    }
});

闪存

public function fUploader(){
        req = new URLRequest();
        req.url = ( stage.loaderInfo.parameters.f )? stage.loaderInfo.parameters.f : 'http://virtualmanagementonline.com/ajax/audUpload.php';
        pFilterType = ( stage.loaderInfo.parameters.filterType )? stage.loaderInfo.parameters.filterType : 'Images';
        pFileFilters = ( stage.loaderInfo.parameters.fileFilters )? stage.loaderInfo.parameters.fileFilters : '*.jpg;*.jpeg;*.gif;*.png';
        file = new FileReference();
        setup( file );
        select_btn.addEventListener( MouseEvent.CLICK, browse );
        progress_mc.bar.scaleX = 0;
        tm = new Timer( 1000 );
        tm.addEventListener( TimerEvent.TIMER, updateSpeed );
        cancel_btn.addEventListener( MouseEvent.CLICK, cancelUpload );
        cancel_btn.visible = false;

        ExternalInterface.addCallback("jsUploadFile", uploadFile);
        ExternalInterface.addCallback("jsIsFileSelected", IsFileSelected);
    }

public function browse( e:MouseEvent ){
        filefilters = [ new FileFilter(pFilterType, pFileFilters) ];            file.browse( filefilters );
    }

private function selectHandler( e:Event ){
        var tf = new TextFormat();
        tf.color = 0x000000;
        label_txt.defaultTextFormat = tf;
        label_txt.text = file.name;
        //file.upload( req );
    }

    public function IsFileSelected():Boolean{
        if(label_txt.text != "")
        {
            return true;
        }
        else
        {
            return false;
        }
    }

    public function uploadFile():void{
        file.upload(req);
    }

* *注意:并非所有的Flash代码都显示,因为有很多。我提出了我认为需要的东西,以了解到底发生了什么。

如果有任何我可以添加的更多详细信息,请告诉我。提前谢谢!

1 个答案:

答案 0 :(得分:1)

由于ExternalInterface可用,您可以根据需要发送任意数量的数据 ActionScript 3 Reference声明了以下ExternalInterface

从HTML页面上的JavaScript,您可以:
  - 调用ActionScript函数。
  - 使用标准函数调用符号传递参数   - 将值返回给JavaScript函数。

您所要做的就是将ActionScript函数/方法注册为可从容器中调用:

<强>的ActionScript

...
ExternalInterface.addCallback("jsUploadFile", uploadFile);
...

public function uploadFile (title:String, desc:String):void
{
    var infos:URLVariables = new URLVariables();
    infos.desc = desc;
    infos.title = title;

    /* When you pass the URLVariables to data property of URLRequest,
      all variables associated with the URLVariables object will be
      sent to the server along with the image uploaded. */
    req.data = infos;

    file.upload(req);
}


然后,从容器(HTML)中调用它,将附加信息作为参数传递。

的JavaScript

$("#uploadAudio").submit(function(event) {
    event.preventDefault();

    var form = $(this);
    var title = form.find("#title").val();
    var desc = form.find("#desc").val();

    var flash = $("#flash");

    var flashFileSet = flash.get(0).jsIsFileSelected();

    if(flashFileSet)
    {
       /* Instead of sending title and desc to the server via ajax, pass
          them as parameters to the jsUploadFile method. So
          you can handle everything in one place */
       audFile.get(0).jsUploadFile(title, desc);
    }
});

希望它有所帮助。