画面遷移無しでファイルのアップロードしようと思ったらiframeを使った技とかややこしい情報が色々出てきて、なかなかやりたいことに辿りつけなかったのでメモ。

やりたい事と条件

・ajaxなテキストファイルのアップロード
・テキストをRubyで編集して返す
・画面遷移せずに結果を表示
・IEは諦める。

必要最低限のコード

まずHTMLを用意

ajaxupload.html

つぎにjavascript

ajaxupload.js

んで何か処理をするRubyのスクリプト。ここではファイルの中身をそのまま返してるだけ。(パス名は適宜変更してください。)
ajaxupload.rb

デモ

サンプルを置いておきます。(さくらのレンタルサーバーはRubyの拡張子がrbではなくcgiじゃなくと動かなかったのでファイル名を変えています。

http://ironsand.net/misc/ajaxupload/ajaxupload.html

上のコードをZIPで固めた奴


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Post Navigation