flex上传文件代码

带页面返回值处理的
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
    creationComplete="init()" xmlns:local="*">
 
 <fx:Script>
  <![CDATA[
   
  private const defaultRequestUrl : String = "http://192.168.0.212:8002/Talk/UploadHandler.ashx";
  
  private var file : FileReference;
  
  private function init():void {
   Security.allowDomain("*");
   
   file = new FileReference();
   file.addEventListener(Event.SELECT, onFileSelect);
   file.addEventListener(ProgressEvent.PROGRESS, progressHandle);
   file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, completeHandle);
   //file.addEventListener(Event.OPEN, openHandle);
   //file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
   //file.addEventListener(Event.CANCEL, cancelHandler);
  }
  
  private function onClickBrowserBtn() : void {
   file.browse(getTypeFilter());
  }
  
  private function getTypeFilter() : Array {
   var imagesFilter:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png");
   //var docFilter:FileFilter = new FileFilter("Documents", "*.pdf;*.doc;*.txt");
   
   return [imagesFilter];
  }
  
  private function onFileSelect(event : Event) : void {
   uploadBtn.enabled = true;
   infoText.htmlText =
     "Name: " + file.name + "<br/>" +
     "Size: " + file.size + "<br/>" +
     "Type: " + file.type + "<br/>" +
     "Date: " + file.creationDate;
  }
  
  private function onClickUploadBtn() : void {
   var request : URLRequest = new URLRequest(defaultRequestUrl);
   request.data = "userId=123";
   file.upload(request);
  }

  
  private function progressHandle(event : ProgressEvent) : void {
   progressLabel.text = "complete " + event.bytesLoaded + " bytes";
   var fileUploadPercent : uint = event.bytesLoaded / event.bytesTotal * 100;
   uploadProgressBar.setProgress(fileUploadPercent, 100);
   uploadProgressBar.label = "Complete " + fileUploadPercent + "%";
  }
  
  private function completeHandle(event : DataEvent) : void {
   infoText.htmlText = "Upload " + file.name + " Complete!<br>"+event.data;
   uploadBtn.enabled = false;
  }
   
  ]]>
 </fx:Script>
 
 <mx:Button id="browserBtn" x="10" y="69" label="Browser"
      click="onClickBrowserBtn()"/>
 
 <mx:Button id="uploadBtn" x="236" y="69" label="Upload" enabled="false"
      click="onClickUploadBtn()"/>
 
 <mx:ProgressBar id="uploadProgressBar" x="10" y="33" width="291"
     maximum="100" direction="right" mode="manual"/>
 
 <mx:TextArea id="infoText" x="10" y="99" width="291" height="131"/>
 <mx:Label id="progressLabel" x="10" y="10" width="291"/>
</s:Application>

 

 

示例1：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" creationComplete="init();">  
 <fx:Script>  
  <![CDATA[ 
  import flash.net.FileReference;  
  import mx.controls.Alert;  
  import mx.events.CloseEvent;  
  import flash.events.*;  
  
  private var file: FileReference;  
  
  private function init(): void{  
   Security.allowDomain("*");  
   file = new FileReference();  
   file.addEventListener(ProgressEvent.PROGRESS, onProgress);  
   file.addEventListener(Event.SELECT, onSelect);  
  }  
  
  private function upload(): void{  
   file.browse();  
  }  
  
  private function onSelect(e: Event): void{  
   Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",  
    "确认上传",  
    Alert.YES|Alert.NO,  
    null,  
    proceedWithUpload);  
  }  
  
  private function onProgress(e: ProgressEvent): void{  
   lbProgress.text = " 已上传 " + e.bytesLoaded   
    + " 字节，共 " + e.bytesTotal + " 字节";  
   var proc: uint = e.bytesLoaded / e.bytesTotal * 100;  
   bar.setProgress(proc, 100);  
   bar.label= "当前进度: " + " " + proc + "%";  
  }  
  
  private function proceedWithUpload(e: CloseEvent): void{  
   if (e.detail == Alert.YES){  
    var request: URLRequest = new URLRequest("http://192.168.0.212:8002/Talk/UploadHandler.ashx");  
    try {  
     file.upload(request);  
    } catch (error:Error) {  
     trace("上传失败");  
    }  
    
   }  
  }  
   ]]>  
  </fx:Script>  
    
  <mx:Canvas width="100%" height="100%">  
   <mx:VBox width="100%" horizontalAlign="center">  
    <mx:Label id="lbProgress" text="上传"/>  
    <mx:ProgressBar id="bar" labelPlacement="bottom"
        minimum="0" visible="true" maximum="100" label="当前进度: 0%"     
        direction="right" mode="manual" width="200"/>  
    <mx:Button label="上传文件" click="upload();"/>               
   </mx:VBox>  
  </mx:Canvas>  
</s:Application>  


示例2：
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
    creationComplete="init()">
 
 <fx:Script>
  <![CDATA[
   
   private const defaultRequestUrl : String = "http://192.168.0.212:8002/Talk/UploadHandler.ashx";
   
   private var file : FileReference;
  
  private function init():void {
   Security.allowDomain("*");
   
   file = new FileReference();
   file.addEventListener(Event.SELECT, onFileSelect);
   file.addEventListener(ProgressEvent.PROGRESS, progressHandle);
   file.addEventListener(Event.COMPLETE, completeHandle);
   //file.addEventListener(Event.OPEN, openHandle);
   //file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
   //file.addEventListener(Event.CANCEL, cancelHandler);
  }
  
  private function onClickBrowserBtn() : void {
   file.browse(getTypeFilter());
  }
  
  private function getTypeFilter() : Array {
   var imagesFilter:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png");
   //var docFilter:FileFilter = new FileFilter("Documents", "*.pdf;*.doc;*.txt");
   
   return [imagesFilter];
  }
  
  private function onFileSelect(event : Event) : void {
   uploadBtn.enabled = true;
   infoText.htmlText =
     "Name: " + file.name + "<br/>" +
     "Size: " + file.size + "<br/>" +
     "Type: " + file.type + "<br/>" +
     "Date: " + file.creationDate;
  }
  
  private function onClickUploadBtn() : void {
   var request : URLRequest = new URLRequest(defaultRequestUrl);
   request.data = "userId=123";
   file.upload(request);
  }
  
  private function progressHandle(event : ProgressEvent) : void {
   progressLabel.text = "complete " + event.bytesLoaded + " bytes";
   var fileUploadPercent : uint = event.bytesLoaded / event.bytesTotal * 100;
   uploadProgressBar.setProgress(fileUploadPercent, 100);
   uploadProgressBar.label = "Complete " + fileUploadPercent + "%";
  }
  
  private function completeHandle(event : Event) : void {
   infoText.htmlText = "Upload " + file.name + " Complete!";
   uploadBtn.enabled = false;
  }
  ]]>
 </fx:Script>
 
 <mx:Button id="browserBtn" x="10" y="69" label="Browser"
      click="onClickBrowserBtn()"/>
 
 <mx:Button id="uploadBtn" x="236" y="69" label="Upload" enabled="false"
      click="onClickUploadBtn()"/>
 
 <mx:ProgressBar id="uploadProgressBar" x="10" y="33" width="291"
     maximum="100" direction="right" mode="manual"/>
 
 <mx:TextArea id="infoText" x="10" y="99" width="291" height="131"/>
 <mx:Label id="progressLabel" x="10" y="10" width="291"/>
 
</s:Application>

.net后台

/// <summary>
    /// UploadHandler 的摘要说明
    /// </summary>
    public class UploadHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Charset = "utf-8";

            HttpPostedFile file = context.Request.Files["Filedata"];

            if (file != null)
            {
                string newFilePath = context.Server.MapPath("~/") + "/files/" + DateTime.Now.ToString("yyyy") + "\\" + DateTime.Now.ToString("MM") + "\\" + DateTime.Now.ToString("dd") + "\\";
                Directory.CreateDirectory(newFilePath);
                string newFileName = DateTime.Now.Ticks.ToString() + file.FileName.Substring(file.FileName.LastIndexOf('.'));
                file.SaveAs(newFilePath + newFileName);
                string url = "/" + DateTime.Now.ToString("yyyy") + "/" + DateTime.Now.ToString("MM") + "/" + DateTime.Now.ToString("dd") + "/" + newFileName;
                //context.Session["MovieFile"] = new PFileInfo(file.FileName, file.ContentLength, url, file.FileName.Substring(file.FileName.LastIndexOf('.')));
                context.Response.Write(url);
            }
            else
            {
                context.Response.Write("");
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/417699.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

前端测试框架 jasmine 的使用

前端测试框架 jasmine 的使用

最近的项目在使用AngulaJs,对JS代码的测试问题就摆在了面前。通过对比我们选择了 Karma jasmine ,使用 Jasmine做单元测试 &#xff0c;Karma 自动化完成&#xff0c;当然了如果使用 Karma jasmine 前提是必须安装 Nodejs。 安装好 Nodejs &#xff0c;使用 npm 安装好必要…
阅读更多...
windows执行oracle脚本,Windows下通过计划任务执行数据库备份脚本

windows执行oracle脚本,Windows下通过计划任务执行数据库备份脚本

Windows 下通过计划任务执行数据库备份脚本在Linux下可以通过crontab来设置定时执行数据库的备份脚本&#xff0c;同样Windows 下可以通过设定任务计划程序来设定要执行的自动备份脚本。具体的设定过程不再详述&#xff0c;下面分别为Oracle和MySQL的备份脚本&#xff1a;1.Win…
阅读更多...
js调用WebService（复杂对象传入）[原创]

js调用WebService（复杂对象传入）[原创]

原创地址&#xff1a;http://longtianyu1.blog.163.com/blog/static/998196520111019315663/ 实现原理&#xff0c;通过POST SOAP 1.2协议内容&#xff0c;实现复杂对象的传入 POST /Main.asmx HTTP/1.1Host: localhostContent-Type: application/soapxml; charsetutf-8Content…
阅读更多...
前端学习（2174）：打包文件的分析

前端学习（2174）：打包文件的分析

数组传入函数
阅读更多...
C#操作 MongoDB【原创】

C#操作 MongoDB【原创】

MongoDB下载地址&#xff1a;http://www.mongodb.org/downloads Mongo C# Driver驱动下载地址&#xff1a; https://github.com/mongodb/mongo-csharp-driver MongoDB所有语言的驱动列表 LanguagePackagesSourceAPI ReferenceCsource tarballsGitHubAPIC#packagesGitHubAPICso…
阅读更多...
React 相关资料

React 相关资料

learncodeacademy/react-js-tutorialsMobX 转载于:https://www.cnblogs.com/skating/p/6125178.html
阅读更多...
在线安装php,CentOS在线安装PHP|dayblog-天天博客|PHP交流,PHP技术,PHP博客,博客交流,dayblog,blog,天天博客...

在线安装php,CentOS在线安装PHP|dayblog-天天博客|PHP交流,PHP技术,PHP博客,博客交流,dayblog,blog,天天博客...

1、先安装一些其他依赖yum -y install libxslt-devel libjpeg libjpeg-devel libpng libpng-devel freetype freetype-devel libxml2 libxml2-devel zlib zlib-devel glibc glibc-devel glib2 glib2-devel bzip2 bzip2-devel ncurses ncurses-devel curl curl-devel e2fsprogs …
阅读更多...
前端学习（2175）：认识路由文件的懒加载

前端学习（2175）：认识路由文件的懒加载

阅读更多...
Map-Reduce的逻辑过程

Map-Reduce的逻辑过程

假设我们需要处理一批有关天气的数据&#xff0c;其格式如下&#xff1a; 按照ASCII码存储&#xff0c;每行一条记录 每一行字符从0开始计数&#xff0c;第15个到第18个字符为年 第25个到第29个字符为温度&#xff0c;其中第25位是符号/-00670119909999919500515070000 0043011…
阅读更多...
（HDU）1019 --Least Common Multiple（最小公倍数）

（HDU）1019 --Least Common Multiple（最小公倍数）

描述 一组正整数的最小公倍数&#xff08;LCM&#xff09;是可以被集合中所有数字整除的最小正整数。 例如&#xff0c;5,7和15的LCM为105。输入 输入将包含多个问题实例。 输入的第一行将包含指明问题实例数量的单个整数。 每个实例将由形式为m n1 n2 n3 ... nm的单行组成&…
阅读更多...
如何将exe文件在linux下执行,如何在Linux系统下查找可执行文件

如何将exe文件在linux下执行,如何在Linux系统下查找可执行文件

可执行文件是指可移植可执行的文件&#xff0c;用于程序的执行&#xff0c;那么Linux下要如何查找可执行文件呢&#xff1f;下面小编就给大家介绍下Linux中查找可执行文件的方法&#xff0c;一起来了解下吧。linux下查找可执行文件ls -F|grep “*”这样就可以了&#xff01;ls …
阅读更多...
前端学习（2176）：vue-router的路由的嵌套使用

前端学习（2176）：vue-router的路由的嵌套使用

app.vue <template><div id"app"><router-link to"/home">首页</router-link><router-link to"/about">关于</router-link><router-link v-bind:to"/user/userId">用户</router-link&g…
阅读更多...
下拉列表项过多会导致浏览器卡死

下拉列表项过多会导致浏览器卡死

下拉列表项过多会导致浏览器卡死。 可以采用异步的加载方式&#xff0c;类似手机新闻的推送&#xff0c;定制下拉列表组件&#xff0c;一屏一屏的加载数据到浏览器端。
阅读更多...
linux服务器做301跳转,nginx 实现当找不到文件时实现301跳转

linux服务器做301跳转,nginx 实现当找不到文件时实现301跳转

server {server_name test.com;rewrite ^/(.*) http://www.test1.com/$1 permanent;}last – 基本上都用这个Flag。break – 中止Rewirte&#xff0c;不在继续匹配redirect – 返回临时重定向的HTTP状态302permanent – 返回永久重定向的HTTP状态301Nginx的重定向用到了Nginx的…
阅读更多...
前端学习（2177）：vue-router得参数传递

前端学习（2177）：vue-router得参数传递

app.vue <template><div id"app"><router-link to"/home">首页</router-link><router-link to"/about">关于</router-link><router-link v-bind:to"/user/userId">用户</router-link&g…
阅读更多...
如何进行正确的SQL性能优化

如何进行正确的SQL性能优化

在SQL查询中&#xff0c;为了提高查询的效率&#xff0c;我们常常采取一些措施对查询语句进行SQL性能优化。本文我们总结了一些优化措施&#xff0c;接下来我们就一一介绍。 1.查询的模糊匹配 尽量避免在一个复杂查询里面使用 LIKE %parm1%—— 红色标识位置的百分号会导致相关…
阅读更多...
SharpZipLib压缩解压

SharpZipLib压缩解压

using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.IO;using ICSharpCode.SharpZipLib.Zip; namespace Test{ /// <summary> /// 压缩 /// </summary> public class Compress { /// <sum…
阅读更多...
前端学习（2178）：vue-router得参数传递二

前端学习（2178）：vue-router得参数传递二

app.vue <template><div id"app"><router-link to"/home">首页</router-link><router-link to"/about">关于</router-link><button click"userClick">用户</button><button clic…
阅读更多...
linux sha1sum命令,讲解Linux中校验文件的MD5码与SHA1码的命令使用

linux sha1sum命令,讲解Linux中校验文件的MD5码与SHA1码的命令使用

md5sum用法&#xff1a;md5sum [选项]... [文件]...显示或检查 MD5(128-bit) 校验和。若没有文件选项&#xff0c;或者文件处为"-"&#xff0c;则从标准输入读取。-b, --binary 以二进制模式读取-c, --check 从文件中读取MD5 的校验值并予以检查-…
阅读更多...
saltstack-部署

saltstack-部署

安装epel源&#xff08;所有主机安装&#xff09; [rootsalt-server /]# wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-6.repo 安装saltmaster安装salt [rootsalt-server /]# yum -y install salt-master client安装 [rootsalt-client-01 /]# yum …
阅读更多...
最新文章

Copyright @ 2022~2023