Flash / 画像のインポート（ アップロード）、ダウンロード - PHP使用

PIXEL LAB

大阪北摂のFLASH屋さんによるブログです。AS3、AIR、DESIGN、3D、ORIGINAL TOOL ...

« | MAIN | »


お勉強です。
FLASHを使用した、画像のインポート（ アップロード）から描画、ダウンロードまでの、
一連の流れのFLASHを作ったので、公開します。

ローカルディスクの画像をロードし、FLASHで独自に描画処理を組み込み、
画像ファイルとしてローカルにディスクにダウンロードすることが可能です。

これで、ユーザーが任意の画像をアップして、お絵かきし、
書き出して保存（もしくはサイトに公開）するようなFLASHが作れます。
DRAWシリーズにも、実装していく予定です。

サンプルFLASH


画像インポート、画像ダウンロードのサンプル

操作方法

特徴

インポート、ダウンロードともに、いったんサーバーにアップロードしてますが、
一時的にアップロードしてるだけで、すぐに削除されます。
（サーバーにファイルがたまらないし、第三者に見られることもありません）

仕組み

FLASH単独でできればいいのですが、セキュリティの関係で、ファイル入出力の機能は制限されています。
なので、ファイル入出力の部分は、サーバー上にアップされたPHPプログラムをかまして実現してます。

画像インポート

  1. 画像(png,jpg)をサーバーにアップ
    1. ローカルの画像データをFileReferenceを使って、POSTデータでサーバー上のPHPに送信
    2. PHPで画像データをサーバーに保存
    3. 保存した画像URLをFLASHにコールバック
  2. アップした画像をFLASHにロード
  3. ロードし終わったらサーバーの画像削除

画像ダウンロード

  1. 画像(png,jpg)をサーバーにアップ
    1. ダウンロードしたいBitmapData画像を外部ライブラリを使用し、PNGまたはJPGにエンコード
    2. エンコードされた画像データをPHPに送信し、サーバーにアップロード
    3. アップロードした画像URLをFLASHにコールバック
  2. アップした画像をダウンロード
  3. ロードし終わったらサーバーの画像削除

参考情報

BitmapData画像を、PNG、JPGへエンコードしてくれるAS3ライブラリ

以下のライブラリは、ActionScript 3用のユーティリティライブラリで、
その中のJPEG、PNGエンコード使用すれば、FlashのBitmapDataを、
PNG、JPGへエンコードしてくれます。
as3corelib

以下は、参考にさせてもらったサイトです。
Flashから画像ファイルを保存する - FICC LABS
PNGエンコーダ - Flash OOP Japan
Flash中のBitmapをJPG/PNGで保存するには - TECH Matari

PNG、JPGへエンコード自体は、ものすごく簡単ですが、その後のPHPの処理のほうが面倒ですね。

そのほか

ソースFLASHファイル

ソースのFLASHとPHPファイルをアップします。自己責任で改変OKです。
素敵な機能を追加したら教えてください。
[ ソースのFLAファイル ]

なお、as3corelibのクラスファイルは含めてありませんので、ご注意を。
あと、PHPの動くサーバーにアップする必要があります。

PHPファイルと、temporaryディレクトリは、SWFとは別のサーバーでも問題ありません。
（PHPへのパスをあわせる必要はあります）

クレジット

設計・実装 ： PIXEL IMAGE 田中

以上です。
使用は、ご自由に。

投稿者: tanaka 日時: 2008年06月25日 15:41 |

■追記 2008/06/26　その2

ファイルの削除に関して、すこし機能不足があったので、追加しました。

ロードし終わったら、ファイルを削除するようになっているのですが、
ロード途中でやめてしまった場合に、FLASH側でロードまれに命令がいかず削除されずに残ってしまうことがありました。

そこで、削除モレのファイルは、以下のように対応するようにしました。
  1. アクセスすると同階層にあるファイルをすべて削除するPHPプログラムを作成
  2. CRONという一定時間ごとに、指定したプログラムを実行してくれるサーバー機能を利用し、一定時間ごとにPHPをコール
  3. PHPが実行され、削除もれのファイルを、完全に削除（今回のものの場合は、1時間ごとに削除）

ソースファイルも更新してありますので。

CRONの設定方法
CRONの設定方法は、レンタルサーバーであれば、サーバーの管理サイトにて、設定できる機能があると思います。
プログラムパスと、実行時間間隔を指定すればOKです。
（CPIの場合はそうでしたが、そのほかのサーバー会社さんの場合は、不明です）


■追記 2008/06/26　その1
エクスポートもインポートも、いったんサーバーに画像データをPOSTしてるのですが、
回線がADSLの場合は、上り(UP)の速度は、下り(DONW)と比べるとかなり遅いので、ちょっと時間がかかります。
なので、ファイル形式はJPGのほうが軽いので、処理が早いです。

回線が光の場合は、上り(UP)も下り(DONW)も早いので、快適です。

トラックバック

このエントリーのトラックバックURL:
http://www.pixelimage.jp/cgi-bin/MT/mt-tb.cgi/111

この一覧は、次のエントリーを参照しています: Flash / 画像のインポート（ アップロード）、ダウンロード - PHP使用:

» 演出 送信元 PukiWiki Plus! (PukiWiki/TrackBack 0.4)
http://www.kantansc.com/keyword/%E6%8A%AB%E9%9C%B2%E5%AE%B4%E6%BC%94%E5%87%BA... [詳しくはこちら]

トラックバック時刻: 2008年11月20日 15:42

コメント (1)

山本:

はじめまして。

まさにこの様なことができないかと調べていて貴サイトにたどり着きました。ご丁寧な解説で素人同然ながらなんとか真似をしながら作成してみましたが、突然動かなくなりました。
色々と調べてみたのですが、FLASH　PLAYERをバージョンアップしたことが原因なようです。
貴サイトのサンプルFLASHでもやはり動きませんでした。

お忙しいところ勝手なお願いではございますが、対応方法等お分かりになれば、またご解説いただけますと幸いです。

とても参考になり、本当にありがとうございました。

投稿者: 山本 | 2009年04月23日 16:06

日時: 2009年04月23日 16:06

コメントを投稿

ツール＆エントリー一覧

月別アーカイブ

カテゴリー

フィードを取得

ABOUT

PIXEL LABは、大阪北摂のFLASH屋さんによるブログです。AS3、AIR、DESIGN、3D、ORIGINAL TOOLなど