Articles Comments

ちからの備忘録的日記 » Archive

ドラッグ&ドロップでファイルアップロードするWebアプリのテスト

ドラッグ&ドロップでファイルアップロードするWebアプリのテスト

事前準備 前提 「Ajax Upload; A file upload script with progress-bar, drag-and-drop.」を使う /var/www/html/upload にプログラムを置く サーバ側のプログラムは、php # mkdir /var/www/html/upload # wget http://github.com/valums/file-uploader/zipball/master # unzip valums-file-uploader-b3b20b1.zip # cd valums-file-uploader-b3b20b1 # cp -pr * .. # chown apache:apache ../uploads 最低限必要なファイルは、以下のとおり。 # tree -F /var/www/html/upload /var/www/html/upload |-- client/ | |-- fileuploader.css | |-- fileuploader.js | |-- demo.htm | `-- loading.gif `-- server/ |-- php.php `-- uploads/ アップロード画面のHTML変更 demo.htm がアップロード画面のHTMLになります。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="fileuploader.css" rel="stylesheet" type="text/css"> <style> … Read entire article »

Filed under: tips