Webシステムの欠点としてファイルのアップロードが面倒ということが挙げられる。通常ではファイルボックスに対して一つのファイルしかアップロードできない。入力エラーがあるとまた指定する必要がある。これは確かに面倒だ。 バルクアップロードが可能 ブラウザウィンドウにドラッグアンドドロップ、それくらいでできる方が良い。そこで各種Webサービスに対応したバルクアップローダーを使ってみよう。 今回紹介するフリーウェアはFireuploader、多数のWebサービスに対応したファイルアップローダーだ。 Fireuploaderはその名の通り、Firefoxアドオンとして提供されるソフトウェアだ。対応しているサービスはYoutube、Google Picasa、Googleドキュメント、Box.net、Flickr、Facebook、Slideshare、Adobe Share、Rapidshareなどと
JQuery File Upload Plugin Script - Demo - Uploadify マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」。 「BROWSE」ボタンを押すと、ファイル選択ダイアログが立ち上がり、次のようにファイルが追加されていきます。 Upload Files を押下すれば、アップロードがリアルタイムで開始されます。 実装コードなのですが、次のようにシンプルで分かりやすいものになっています。 <body> <input type="file" name="fileInput" id="fileInput" /> <script type="text/javascript"> $(document).ready(function() { $('#fileInput').fileUpload ({ 'uploader'
SWFUpload jQuery Plugin : Adam Royle Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグインが公開されています。 SWFUpload を使えば、複数ファイルのアップロードが行え、アップロードの進捗もプログレスバーで確認できて、通常のブラウザベースのアップロードとは格段に使い勝手がよくなるのはご存知の通り。 SWFUploadの動作を実際に確認してみる場合はこちら SWFUpload を jQuery方式で関数を呼べてしまうので、jQuery な方はこれを使ったほうが使いやすいかも。 次のように初期化ができ、簡単です。 $('.swfupload-control').swfupload({ // BEの設定 upload_url: "../upload.php", // 送信先URL // ファイルアップロードに関する
Ajax file upload with jquery - valums.com jQueryでAjaxファイルアップロードするためのライブラリ。 次のようなアップローダーを実装できます。 必要なファイルを読み込んだ後、次のようなスクリプトでアップローダーを初期化します。 なかなかわかりやすい使い方になっていますね。 $(document).ready(function(){ $.ajax_upload('#div_id', { // Location of the server-side upload script action: 'upload.php', // File upload name name: 'userfile', // Additional data to send data: { key1 : 'value', key2 : 'value2' }, // Fire
Program Studi Manajemen Fakultas Ekonomi Bisnis Humaniora
※ 画像は全て公式サイトデモより。 Web操作の一番面倒だと感じるのはファイルのアップロードだ。一つのボックスで一つのファイルしか選択できず、アップロードが開始されてから終わりまでいつまでかかるのかさっぱり分からない。これだけWebが進化しつつも、基本は変わらない。 しかし外部ライブラリを利用すれば、状況は一変する。ファイルアップロードが多いサイトではぜひ導入されたい。 今回紹介するオープンソース・ソフトウェアはSWFUpload、Flash+JavaScriptなファイルアップローダーだ。 SWFUploadはFlashを使ってファイルを選択する。フォルダを選択できないのは残念だが、一回で複数のファイルを選択可能だ。そしてそれらはキューにたまっていく。 キューに入ったファイル群は、upload queueというリンクをクリックすればアップロードが開始される。ファイルは一気にではなく、順番
In this walkthrough, I go through the available options and an example using attachment_fu to handle file uploads and image thumbnailing, and responds_to_parent to implement the iframe remoting pattern to work around javascript’s security restrictions on file system access. You can also download the complete example. This is an outdated article. I will be updating with a new article soon. Step 1.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
