ファイルアップロード

▼サンプルアプリの仕様

• サーバサイド言語はPHPを使った例。PHPよくわかりません(TT)。PHPのは必要最小限のコード。
• アップロード可能ファイルはJPEGに限定しています。下記にあるテスト用の３画像か、ご自分の画像をアップロードしてください。変なのはアップロードしないようにm(_ _)m
• LZXとPHPは同じディレクトリに配置。アップロードされたJPEGファイルは、サブディレクトリuploadに同一名で上書き保存。
• アップロードすると表示されている画像が切り替わります。アップロードしても画像変わらないときはブラウザのキャッシュを消してください。

▼サーバが遅いので、アップロードボタン押した後、数秒かかる時があります。。。(^^;)

• アップロードお試し用画像(右クリックでダウンロード可能)

bg01-mini.jpg	bg02-mini.jpg	bg03-mini.jpg

• LZXファイル

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <class name="fileUpload">
    <handler name="oninit" args="invoker">
      fr = new flash.net.FileReference();
      fr.addListener(invoker);
    </handler>
    <method name="browse">
      var allTypes = new Array();
      var imageTypes = new Object();
      imageTypes.description = "JPEG (*.jpg)";
      imageTypes.extension = "*.jpg";
      allTypes.push(imageTypes); 
      fr.browse(allTypes);
    </method>
    <method name="getName">
      return fr.name;
    </method>
    <method name="upload" args="url">
      fr.upload(url);
    </method>
  </class>
 
  <fileUpload name="myFileUpload">
    <method name="onComplete" args="fr">
      canvas.progressBar.setValue(100);
      canvas.upload.setAttribute('enabled', false);
      var t = new Date().getTime().toString();
      var url ="http:upload/uploadfile.jpg?t=" + t;
      showimg.setAttribute('src',url);
    </method>
    <method name="onProgress" args="fr, bytesLoaded, bytesTotal">
      canvas.progressBar.setValue(bytesLoaded * 100 / bytesTotal);
    </method>
    <method name="onSelect" args="fr">
      canvas.txtFile.setText(getName());
      canvas.upload.setAttribute('enabled', true);
    </method>
  </fileUpload>
 
  <simplelayout axis="x"/>
 
  <edittext width="200" name="txtFile" enabled="false"/>
 
  <button text="参照...">
    <handler name="onclick">
      myFileUpload.browse();
    </handler>
  </button>
 
  <button name="upload" text="アップロード" enabled="false">
    <handler name="onclick">
      myFileUpload.upload("./fileupload.php");
    </handler>
  </button>
 
  <view name="progressBar" width="100" height="24" bgcolor="#666666">
    <view x="1" y="1" width="98" height="22" bgcolor="#FFFFFF"/>
    <view name="status" x="1" y="1" height="22" bgcolor="#BBBBFF"/>
    <text name="percent" x="5" y="3" fontstyle="bold" fgcolor="#6666FF"/>
    <method name="setValue" args="value">
      status.setAttribute('width', value * 98 / 100);
      percent.setText(Math.round(value) + '%');
    </method>
  </view>
 
  <image id="showimg" src="http:upload/uploadfile.jpg"
     width="300" height="200" x="20" y="50" stretches="both" options="ignorelayout" >
   </image>
</canvas>

• fileupload.phpファイル

<?php
$uploaddir = './upload/';
move_uploaded_file($_FILES['Filedata']['tmp_name'], $uploaddir."uploadfile.jpg");
?>