Flex 获取本地文件的路径

最新推荐文章于 2013-08-19 19:26:03 发布

iteye_1617

最新推荐文章于 2013-08-19 19:26:03 发布

阅读量332

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex 文章标签： Flex Microsoft XML HTML

本文链接：https://blog.youkuaiyun.com/iteye_1617/article/details/81955627

Flex 专栏收录该内容

15 篇文章

订阅专栏

本文展示了一个使用Flex与HTML进行交互的示例，通过Flex调用JavaScript实现文件选择功能，并将选择的文件路径显示在Flex应用中。该示例包括了Flex端的代码和HTML端的JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Flex代码部分：


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
     <![CDATA[
       import mx.controls.Alert;
       private function init():void
       {
           ExternalInterface.addCallback("OnFileChange" ,frSelectHandler);//注册JS回调
           btnBrowser.addEventListener(MouseEvent.CLICK,mouseClickHandler);
       }

       private function mouseClickHandler(event:MouseEvent):void
       {
           ExternalInterface.call("Browser" );//调用JS中Browser函数
       }

       private function frSelectHandler(path:String):void
       {
         //  imgTest.source = path;
         Alert.show(path);
       }
     ]]>
</mx:Script>
     <mx:Button id="btnBrowser" x="10" y="10" label="Button" />
     <mx:Image id="imgTest"   x="63" y="119"/>
</mx:Application>

2、Html代码部分：


<script language="JavaScript" type="text/javascript"> 
function Browser()
{
document.getElementById("fileInput").click();
}
function OnFileChange()
{
thisMovie("uploader").OnFileChange(document.getElementById("fileInput").value);
}
function thisMovie(movieName) {
         if (navigator.appName.indexOf("Microsoft") != -1) {
             return window[movieName];
         } else {
             return document[movieName];
         }
     }
</script>
<input type="file" id="fileInput"  style="left:100px;top:200px;" onchange="OnFileChange()" /><!--fileInput控件-->