fileReference.browse()を使用して、ハードドライブから画像ファイルを選択します。
選択した画像ファイルの幅と高さを確認するにはどうすればよいですか?
ありがとうございました!
fileReference.browse()を使用して、ハードドライブから画像ファイルを選択します。
選択した画像ファイルの幅と高さを確認するにはどうすればよいですか?
ありがとうございました!
loadBytes()を使用して、fileReference.dataをローダーにロードします。次に、次のようになります。sourceBMP:Bitmap = loader.content as Bitmap;
サンプルコードは次のとおりです。
MXML部分:
<fx:Declarations>
<net:FileReference id="fileReference"
select="fileReference_select(event);"
complete="fileReference_complete(event);" />
</fx:Declarations>
<s:Button id="uplaodImageBtn"
label="Upload Image"
click="uplaodImageBtn_clickHandler()"/>
AS3パート:
private function uplaodImageBtn_clickHandler() : void {
var arr:Array = [];
arr.push(new FileFilter("Images", ".gif;*.jpeg;*.jpg;*.png"));
fileReference.browse(arr);
}
private function fileReference_select(evt:Event):void {
fileReference.load();
}
private function fileReference_complete(event:Event):void {
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loader_complete);
loader.loadBytes(fileReference.data);
}
public function loader_complete (event:Event) : void {
var sourceBMP:Bitmap = event.currentTarget.loader.content as Bitmap;
Alert.show(sourceBMP.width + ', ' +sourceBMP.height);
}
Flexのコンテキストから、ブラウザから結果が返されると確信しています。これはbyteArrayにすぎません。理論的には、そのbyteArrayを画像タグのソースとして使用すると、その画像をコンテナに追加すると、その方法で高さと幅を取得できます。
そうでなければ、Flexを使用してローカルファイルからそのようなメタデータ情報を取得する簡単な方法があるとは思いません。
image sourceプロパティが更新されるのを待つ場合は、image.sourceWidthとimage.sourceHeightを読み取ることができるはずです。これにより、スケーリングされていない元の値が得られます。
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
private function browseImage(event:MouseEvent):void {
var arr:Array = [];
arr.push(new FileFilter("Images", ".gif;*.jpeg;*.jpg;*.png"));
imageFileReference.browse(arr);
}
private function imageSelect(evt:Event):void {
imageFileReference.load();
}
private function imageComplete(evt:Event):void {
image.source = smallImageFileReference.data;
image.addEventListener(FlexEvent.UPDATE_COMPLETE, getImageSize);
}
private function getImageSize(evt:FlexEvent):void {
image.removeEventListener(FlexEvent.UPDATE_COMPLETE, getImageSize);
imageWidth.text = image.sourceWidth + "px";
imageHeight.text = image.sourceHeight + "px";
}
]]>
</fx:Script>
<fx:Declarations>
<net:FileReference id="imageFileReference"
select="imageSelect(event)"
complete="imageComplete(event)"/>
</fx:Declarations>
<s:VGroup width="100%" height="100%">
<s:HGroup width="100%" verticalAlign="middle">
<s:Label fontWeight="bold" text="Width:" />
<mx:Text id="imageWidth" />
</s:HGroup>
<s:HGroup width="100%" verticalAlign="middle">
<s:Label fontWeight="bold" text="Height:" />
<mx:Text id="imageHeight" />
</s:HGroup>
<s:Image id="image" maxHeight="200" maxWidth="200" />
<s:Button label="Browse for Image" click="browseImage(event)" />
</s:VGroup>