# Browse a file and display it in a movieclip

**URL:** <https://forum.kirupa.com/t/browse-a-file-and-display-it-in-a-movieclip/300620>\
**Category:** flash\
**Created:** [November 24, 2009, 6:31pm UTC](https://forum.kirupa.com/t/browse-a-file-and-display-it-in-a-movieclip/300620 "2009-11-24T18:31:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![eddmosphere](https://avatars.discourse-cdn.com/v4/letter/e/c0e974/32.png) [@eddmosphere](https://forum.kirupa.com/u/eddmosphere)\
**Post date:** [November 24, 2009, 6:31pm UTC](https://forum.kirupa.com/t/browse-a-file-and-display-it-in-a-movieclip/300620/1 "2009-11-24T18:31:04Z")

</div>

Hi there!

I was playing with the JPGEncoder class trying to make an AS3 image uploader. My goal was to let the user browse a file on it’s hard disk, display it in a movieclip and then use the JPGEncoder class to convert that movieclip (with the image on it) to ByteArray and send it all to a server-side script. The script (PHP) would then use the ByteArray data to create a jpg file on the server’s disk. The problem is that you can’t get the file path’s from FileReference (it’s a security thing). I would like to do this so that I could resize, let’s say, a 800x600px image to 320x240 (the size of the container movieclip) BEFORE sending it to the server…so…how could I acomplish this, if possible? I’m using AS3 with Flash.

This is the code to load and display the image in a movieclip. It works for files in the same folder as the swf:

```auto

import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;

var fileRef:FileReference = new FileReference();
var filetypes1:FileFilter;
var img_loader:Loader;

bt_browse.addEventListener(MouseEvent.CLICK,browseFiles,false,0,true);

function browseFiles(evt:MouseEvent){
    fileRef.addEventListener(Event.SELECT,fileSelected,false,0,true);
    filetypes1 = new FileFilter("Ficheiros: *.jpg,*.png", "*.jpg;*.png;*.JPG;*.PNG");
    fileRef.browse(new Array(filetypes1));
}

function fileSelected(evt:Event) {
    img_loader = new Loader();
    trace(fileRef.name);
    if(checkExtension(fileRef.name)){
        var url:URLRequest = new URLRequest(fileRef.name);
        img_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, diskFileLoaded);
        img_loader.load(url);
    }
    else{
        trace("Invalid filetype...");
    }
}

/ **checks the extension** /
function checkExtension(filename):Boolean{
    var res = false;
    var fileext = "*" +filename.substr(filename.indexOf("."),filename.length);
    if(filetypes1.extension.indexOf(fileext)!=-1){
        res = true;
    }
    else{
        res = false;
    }
    return res;
}

/ **add the image to the movieclip, resizing it to 320x240** /
function diskFileLoaded(e:Event):void{
    img_loader.alpha = 1;
    img_loader.cacheAsBitmap = true;
    if(img_loader.content.width > img_loader.content.height){
        img_loader.content.width = 320;
        img_loader.content.scaleY = img_loader.content.scaleX;
        viewer.container.x = 0;
        viewer.container.y = 0;//viewer.container.height/2;// - img_loader.content.height/2;
    }
    else{
        img_loader.content.height = 240;
        img_loader.content.scaleX = img_loader.content.scaleY;
        viewer.container.x = 0;//viewer.container.width/2;// - img_loader.content.width/2
        viewer.container.y = 0;
        
    }
    this.alpha = 0;
    viewer.container.addChild(img_loader);

    this.tween = new Tween(this, "alpha", Regular.easeOut, 0, 1, 6, false);
    
}

```

Anyone?  
Thanks! 🙂