OpenLaszlo 用の優れたファイル アップロード コンポーネントは見たことがありません。DHTML と Adobe AIR のドラッグ アンド ドロップ、および両方のランタイムのプレビュー機能をサポートするファイル アップロード コンポーネントのオープン ソース バージョンはありますか?
技術的には、次の機能をサポートできます。
おそらく誰かが、オープンソースにすることができ、コミュニティによって維持または改善できる既存のコンポーネントを持っているでしょう。
残念ながら、そのランタイムでフォーム タイプを enctype=multipart/form-data に設定する方法がないため、現在、OpenLaszlo アプリケーションの DHTML (別名 HTML5) モードでファイル アップロードを行う方法はありません。
ただし、低レベルの Flash API にアクセスすることにより、OpenLaszlo アプリケーションの SWF(Flash) モードでファイルのアップロードを行うことができます。これを行う方法は明らかではないため、しばらく前に自分でこれを行うクラスを作成しました。これは、OpenLaszlo の (Flash) SWF8、SWF9、および SWF10 モードで動作します。
OpenLaszlo アプリケーションを AIR にコンパイルしようとしたことはありませんが、Flash Upload はおそらくその場合にも機能すると思います。
これが私のクラスです。自由に使用してください。
(コードはここでも入手できます: http://forum.openlaszlo.org/showthread.php?t=14566&highlight=fileReference )
<library>
<switch>
<when property="$as3"><!-- SWF9/SWF10 -->
<!---
CLASS: <fileuploadhelper>
EXTENDS: <node> (lz.node)
DESCRIPTION:
This is the ActionScript3 (AS3) (SWF9/SWF8) version of the Flash file
upload object.
This allows users to upload files when compiled to a Flash Version that
uses ActionScript3 such as Flash 9 or Flash 10.
-->
<class name="fileuploadhelper" extends="node">
<!---
@param string uploadurl: (optional) default upload url to use if none
passed to this.upload()
-->
<attribute name="uploadurl" type="string" />
<!-- @keywords private -->
<!--- @param flash.net.FileReference file_reference: Flash file reference object -->
<attribute name="file_reference" type="expression" value="null" />
<!-- Imports Required for SWF9/SWF10 -->
<passthrough>
import flash.net.FileReference;
import flash.events.Event;
import flash.events.ProgressEvent;
import flash.events.IOErrorEvent;
import flash.events.SecurityErrorEvent;
import flash.net.URLRequest;
</passthrough>
<!-- *** METHODS *** -->
<handler name="oninit">
<![CDATA[
#passthrough {
this.file_reference = new FileReference();
file_reference.addEventListener(Event.SELECT,this.onSelect);
file_reference.addEventListener(Event.COMPLETE, this.onComplete);
file_reference.addEventListener(ProgressEvent.PROGRESS, this.progressHandler);
file_reference.addEventListener(IOErrorEvent.IO_ERROR, this.ioErrorHandler);
file_reference.addEventListener(SecurityErrorEvent.SECURITY_ERROR, this.securityErrorHandler);
}#
]]>
</handler>
<!---
Displays file browsing window and allows the user to select a file (or
cancel to close the window).
-->
<method name="browse">
<![CDATA[
#passthrough {
file_reference.browse();
}#
]]>
</method>
<!---
Return name of selected file
@returns string: the filename of the selected file
-->
<method name="getName">
return this.file_reference.name;
</method>
<!--- @keywords private -->
<!---
@param string submit_url: SWF9/10 #passthrough{...} requires URL to be
referenced in an attribute rather than a
locally defined OpenLaszlo variable or
a compilation error occurs.
-->
<attribute name="submit_url" type="string" />
<!---
Uploads the currently selected file.
@param string strURL: (optional) If defined upload the file to this
URL, otherwise upload to this.uploadurl
Note: required if this.uploadurl is not defined.
-->
<method name="upload" args="strURL = false">
<![CDATA[
if (strURL === false)
var strURL = this.uploadurl; // workaround for SWF9/10 compatibility
this.setAttribute('submit_url', strURL);
#passthrough {
var request:URLRequest = new URLRequest(submit_url);
file_reference.upload(request);
}#
]]>
</method>
<!-- * ABSTRACT handlers: Override to do something useful in instance * -->
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when user selects a file.
@param flash.events.Event ev: the select event
-->
<method name="onSelect" args="ev=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onSelect(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when progress event is captured.
@param {anything} objDummy: SWF8 requires file_reference object here, does nothing in SWF9/10
@param number bytesLoaded: the number of bytes of the file uploaded
@param number bytesTotal: the number of total bytes of the file to be uploaded
-->
<method name="onProgress" args="objDummy, bytesLoaded, bytesTotal">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onProgress(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when a file upload is complete.
@param flash.events.Event ev: the complete event
-->
<method name="onComplete" args="ev=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onComplete(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when the file upload fails.
@param flash.events.IOErrorEvent/flash.events.securityErrorEvent ev: the Flash Error Event
-->
<method name="onError" args="ev=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onError(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!-- * Internal Private Handlers * -->
<!--- @keywords private -->
<!---
This will pass the progress values to method this.onProgress()
@param flash.events.ProgressEvent ev: the Flash Progress Event
-->
<method name="progressHandler" args="ev=null">
this.onProgress(false, ev.bytesLoaded, ev.bytesTotal);
</method>
<!--- @keywords private -->
<!---
This will catch an ioError and call method this.onError()
@param flash.events.IOErrorEvent ev: the Flash Error Event
-->
<method name="ioErrorHandler" args="ev=null">
if ($debug) Debug.error('as3 (SWF9/10): fileuploadhelper.ioErrorHandler(): ERROR: ioError detected, could not upload file.');
this.onError(ev);
</method>
<!--- @keywords private -->
<!---
This will catch a securityError and call method this.onError()
@param flash.events.securityErrorEvent ev: the Flash Error Event
-->
<method name="securityErrorHandler" args="ev=null">
if ($debug) Debug.error('as3 (SWF9/10): fileuploadhelper.securityErrorHandler(): ERROR: securityError detected. Are you sure you are uploading to same domian as this application is being served from?');
this.onError(ev);
</method>
</class>
</when>
<when property="$as2"><!-- SWF8 -->
<!---
CLASS: <fileuploadhelper>
EXTENDS: <node> (lz.node)
DESCRIPTION:
This is the ActionScript2(AS2) (SWF8) version of the Flash file
upload object.
This allows users to upload files when compiled to a Flash Version that
uses ActionScript2 such as Flash 8
-->
<class name="fileuploadhelper" extends="node">
<!---
@param string uploadurl: (optional) default upload url to use if none
passed to this.upload()
-->
<attribute name="uploadurl" />
<!--- @keywords private -->
<!--- @param flash.net.FileReference file_reference: Flash file reference object -->
<attribute name="file_reference" />
<!-- *** METHODS *** -->
<handler name="oninit" args="invoker">
fr = new flash.net.FileReference();
this.setAttribute('file_reference', fr);
fr.addListener(invoker);
</handler>
<!-- *** METHODS *** -->
<!---
Displays file browsing window and allows the user to select a file (or
cancel to close the window).
-->
<method name="browse">
this.file_reference.browse();
</method>
<!---
Return name of selected file
@returns string: the filename of the selected file
-->
<method name="getName">
return this.file_reference.name;
</method>
<!---
Uploads the currently selected file.
@param string strURL: (optional) If defined upload the file to this
URL, otherwise upload to this.uploadurl
Note: required if this.uploadurl is not defined.
-->
<method name="upload" args="strURL">
if (strURL == null)
var strURL = this.uploadurl;
this.file_reference.upload(strURL);
</method>
<!-- * ABSTRACT HANDLERS * -->
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when user selects a file.
@param flash.events.Event ev: the select event
-->
<method name="onSelect" args="ev=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onSelect(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when progress event is captured.
@param flash.net.fileReference fr: file_reference object here
@param number bytesLoaded: the number of bytes of the file uploaded
@param number bytesTotal: the number of total bytes of the file to be uploaded
-->
<method name="onProgress" args="fr, bytesLoaded, bytesTotal">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onProgress(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when a file upload is complete.
@param flash.events.Event fr: the file_reference object
-->
<method name="onComplete" args="fr=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onComplete(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
<!--- @keywords abstract -->
<!---
ABSTRACT METHOD: OVERRIDE IN YOUR APPLICATION TO DO SOMETHING USEFUL
Called when the file upload fails.
@param flash.events.Event fr: the file_reference object
-->
<method name="onError" args="fr=null">
if ($debug) Debug.info('as3 (SWF9/10): fileuploadhelper.onError(): WARNING: This is an abstract method that should be overridden in your application to do something useful...');
</method>
</class>
</when>
</switch>
</library>
注: これは、ファイルを処理してどこかに保存するバックエンド (PHP、ASP など) の受信スクリプトにファイルのアップロードを投稿する HTML フォームと同様に機能します。Web には多くのチュートリアルがあります。それを行う方法については、私はそれを含めていません。ドラッグ アンド ドロップとプレビューについては、これを行うには OpenLaszlo でかなり複雑なアプリケーションを自分で作成する必要があります。その方法を学ぶには、チュートリアルとOpenLaszlo のドキュメントを参照することをお勧めします。