Wie gebe ich ein Bild von Flash zu ASP.NET?

In diesem Beispiel, ich habe eine Flash Datei mit einer Schaltfläche auf der Bühne. Wenn Sie auf diesen button klicken, wird der Blitz sendet das Bild der Schaltfläche, um eine ASPX-Datei, die speichert es als JPEG. Wie Sie sehen werden, dies geschieht durch die Zeichnung der DisplayObject in eine BitmapData - Objekt und als solches, können Sie leicht ersetzen Sie den Verweis auf die Taste mit nichts erbt DisplayObject (darunter ein Film-clip mit der Leinwand für ein paint etc).

Ich werde gehen Sie durch die Flash-element zuerst, und dann das .NET backend.

Flash

Senden ein Bild erzeugt, wie dies von Flash zu ASP.NET (oder irgendein anderes backend) Sie gehen zu müssen, um ein paar 3rd-party-Bibliotheken. Wir benötigen ein JPEG-Encoder (die Flash nicht haben, aber die jüngsten Versionen des Flex-tun), die wir bekommen können, aus den AS3-Core Lib http://code.google.com/p/as3corelib/. Wir müssen auch einen base64-encoder für das senden der Daten über den Draht. Ich werde die benutzen, die von Dynamic Flash -, erhältlich bei http://dynamicflash.com/goodies/base64/.

Laden Sie diese herunter und extrahieren Sie Sie irgendwo, vernünftig auf Ihrer Festplatte (wie ein C:\lib Ordner).

Ich habe einen neuen AS3-Flash-Datei und speichert diese als uploader.fla -. Ich habe eine button-Komponente auf die Bühne und nannte es btnUpload. Als Nächstes bearbeitete ich die ActionScript-Einstellungen Hinzugefügt und meine c:\lib Ordner dem Klassenpfad. Dann gab ich das Dokument der name einer Klasse von Uploader und die Datei gespeichert.

Als Nächstes erstellte ich eine ActionScript-Datei, und Hinzugefügt, den folgenden code hinzu:

package
{
    import flash.display.BitmapData;
    import flash.display.MovieClip;
    import flash.events.MouseEvent;
    import flash.net.URLLoader;
    import flash.net.URLRequest;
    import flash.net.URLRequestMethod;
    import flash.net.URLVariables;
    import flash.utils.ByteArray;
    import fl.controls.Button;
    import com.adobe.images.JPGEncoder;
    import com.dynamicflash.util.Base64;


    public class Uploader extends MovieClip
    {
        //Reference to the button on the stage
        public var btnUpload:Button;

        //Encoder quality
        private var _jpegQuality:int = 100;

        //Path to the upload script
        private var _uploadPath:String = "/upload.aspx";

        public function Uploader()
        {
             btnUpload.addEventListener(MouseEvent.CLICK, buttonClick);
        }

        private function buttonClick(e:MouseEvent):void
        {
            //Create a new BitmapData object the size of the upload button.
            //We're going to send the image of the button to the server.
            var image:BitmapData = new BitmapData(btnUpload.width, btnUpload.height);

            //Draw the button into the BitmapData
            image.draw(btnUpload);

            //Encode the BitmapData into a ByteArray
            var enc:JPGEncoder = new JPGEncoder(_jpegQuality);
            var bytes:ByteArray = enc.encode(image);

            //and convert the ByteArray to a Base64 encoded string
            var base64Bytes:String = Base64.encodeByteArray(bytes);

            //Add the string to a URLVariables object
            var vars:URLVariables = new URLVariables();
            vars.imageData = base64Bytes;

            //and send it over the wire via HTTP POST
            var url:URLRequest = new URLRequest(_uploadPath);
            url.data = vars;
            url.method = URLRequestMethod.POST;

            var loader:URLLoader = new URLLoader();
            loader.load(url);
        }
    }
}

Ich diese Datei gespeichert neben dem FLA-mit dem Namen Uploader.als.

Veröffentlichte ich die SWF in die root meiner Asp.NET website.
Dieser code setzt Voraus, die Sie hochladen möchten das jpeg mit einer Qualität von 100% und das Skript, das erhalten der Daten bezeichnet man als upload.aspx und befindet sich im Stammverzeichnis der Website.

ASP.NET

In die root meiner Webseite, die ich erstellt ein Formular namens hochladen.aspx. In der .aspx-Datei, die ich entfernt alle Inhalte, abgesehen von der page-Direktive. Es ist der Inhalt wie folgt Aussehen:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="upload.aspx.cs" Inherits="upload" %>

Dann in der CodeBehind habe ich noch folgende:

using System;
using System.IO;

public partial class upload : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //Get the data from the POST array
        string data = Request.Form["imageData"];

        //Decode the bytes from the Base64 string
        byte[] bytes = Convert.FromBase64String(data);

        //Write the jpeg to disk
        string path = Server.MapPath("~/save.jpg");
        File.WriteAllBytes(path, bytes);

        //Clear the response and send a Flash variable back to the URL Loader
        Response.Clear();
        Response.ContentType = "text/plain";
        Response.Write("ok=ok");
    }
}

Gibt es natürlich hart codierten Werten wie der Pfad speichern, aber Sie sollten in der Lage sein zu erstellen, egal welches system Sie benötigen.

Haben Sie ihm die post die Dateien wie ein standard-HTML-Formular. Sie können auf diese Dateien in das Page_Load-Ereignis der Seite ist er die Buchung mittels der folgenden Auflistung

Anfrage.Dateien

Diese Rückkehr wird eine Sammlung von HttpPostedFiles genau wie das, was ein FileUpload-Steuerelement unterstützt.