Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    6
    Thanks
    3
    Thanked 0 Times in 0 Posts

    How to display a file on an HTML page with javascript from POST data sent from Flex?

    I have a Flex app that I'm trying to add "file preview" functionality to. I have a LinkButton in Flex that, when clicked, should open the file in a new browser window. I found a helpful actionscript class that properly formats the POST data to pass the file to an HTML page. The files I want to preview are being stored in the database, and I'm passing the through the POST data as a ByteArray. The file POST data is put into a URLRequest, which is sent to the HTML page through a URLLoader.

    My problem is that I'm not very experienced with Javascript and I don't know how to tell the HTML page to display the file being sent by the Flex app. Any suggestions on how to handle this would be greatly appreciated.

    I would like to use a combination of HTML and Javascript to take the POST data and open the included file in the browser. The file needs to be displayed in IE8 and the files being displayed are mostly image files, PDFs, or Word docs.

    Here's what my POST request looks like:

    Code:
    --lljcuqjclcnyicgrmwexayhafmkhiwfx
    
    Content-Disposition: form-data; name="Filename"
    
    
    
    arrows.png
    
    --lljcuqjclcnyicgrmwexayhafmkhiwfx
    
    Content-Disposition: form-data; name="Filedata"; filename="arrows.png"
    
    Content-Type: image/png
    
    
    
    ?PNG
    
    "image information as ByteArray"
    
    
    
    --lljcuqjclcnyicgrmwexayhafmkhiwfx
    
    Content-Disposition: form-data; name="Upload"
    
    
    
    Submit Query
    
    --lljcuqjclcnyicgrmwexayhafmkhiwfx--
    So I'm looking for a way (using Javascript and HTML ideally) to handle that request and have the browser display the file (or display an open/save dialog if the user doesn't have the proper plugins to display).

  • #2
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Location
    Urbana
    Posts
    4,379
    Thanks
    11
    Thanked 592 Times in 572 Posts
    spit the data back as a base64 string and concat to build a data url to use as the .src of an iframe.

    PHP Code:
     echo "data:" $mimeType ";" $base64fileData 
    dataURLs are supposed to work in IE8, as long as the document isn't too big.
    if you want 100% compatibility, you might just have to iframe the server response and give up on JS doing it for you.
    my site (updated 13/9/26)
    BROWSER STATS [% share] (2014/9/03) IE7:0.1, IE8:4.6, IE11:9.1, IE9:3.1, IE10:3.0, FF:17.2, CH:46, SF:11.4, NON-MOUSE:38%

  • Users who have thanked rnd me for this post:

    JasonC (12-03-2012)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •