機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」:phpspot開発日誌
Fine Uploader a.k.a valums file-uploader 機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」。 プログレスバー付きでアップロード後の即時サムネイル表示、ドラッグ＆ドロップアップロード、複数ファイルアップロード対応など全部入り。 BootStrapのテーマにあわせることもできます。IE7移行も対応しています。 モダンなアップローダーを作るなら１つの選択肢になりそうです 関連エントリ 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 HTML5を使ったファイルアップロード用プログラム集
HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
digitarald » FancyUpload
FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases Attach a File A red
今話題の健康食品、ユーグレナ(ミドリムシ)の秘密 | ミドリムシの秘密をご紹介します。
近頃、ユーグレナという単語を見聞きしたことがありませんか？ ユーグレナとは「ミドリムシ」の学術名称であり、小学生の理科で必ず習うあのミドリムシのことです。 そのミドリムシに注目して、最初に大量培養に成功したのが「株式会社ユーグレナ」であり、2005年以来、沖縄県の石垣島でミドリムシを培養しています。 現在では、健康食品やサプリメント、他にも化粧品としても注目が集まっています。 そこで今回は、ユーグレナ(ミドリムシ)とは何なのか順を追ってご説明したいと思います。 ここからは、分かりやすく「ユーグレナ」で、話を進めていきます。 ◆そもそも「ユーグレナ」とは何なのか？ 最初に触れた通り「ミドリムシ」の学術名が「ユーグレナ」であり、名前に「ムシ」と付くので「虫」をイメージする方もいますが、虫ではなく「藻」に分類されています。 正式には、ユーグレナ植物門ユーグレナ藻網ユーグレナ目に属する鞭毛虫の仲間
jqUploader demo
Use Case 1: as part of a form with other input fields Example: send a picture by email, the user must fill in its email and its correspondant email address In this scenario, When the upload is finished, the jquUploader is replaced by a text input field. This makes it easy to then submit your form and save the file path to a database field for instance, along with the rest of the form fields. Note
Queued Photo Uploader » FancyUpload - Swiff meets Ajax Showcase » digitarald:Harald Kirschner
FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases: Attach a File Queu
AJAX Multiple File Upload Form Using jQuery - WPLoaded
Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too. Today I’m going to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface. For this tutorial, i
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
jQuery.upload: A simple ajax file upload plugin
See related links to what you are looking for.
jQueryでAjaxファイルアップロードするためのライブラリ:phpspot開発日誌
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
複数ファイルのアップロードを可能にしてくれるSWFUploadを今さらながら触ってみた « 岩家ぶろぐ
はじめに 複数のファイルをアップロードする件でググっていたところ，SWFUpload なるライブラリの存在を知りました． SWFUpload News | SWFUpload 公開自体はもう 2年くらい前みたいですね．私は昨日初めて知りました ＞＜ Flickr や 30days Album を使って，複数ファイルのアップロードやその際のプログレス表示がかなり快いことを身をもって知りましたが，そんなことをこのライブラリで実現できるっぽいです． 使ってみようと思って ドキュメント を眺めましたが，導入のフローのイメージをつかめなかったので，サンプルをベースに組み立てて行くことにしました． サンプルには数パタンありますが，待機リストやプログレス表示のある 「Simple Demo」 が個人的に望むものに近かったので，これを選びました． This page demonstrates a simp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cool-javascripts.com/jquery/jquery-ajax-file-upload.html
GitHub - fyneworks/multifile: jQuery Multiple File Selection Plugin
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
GitHub - RonnieSan/uploadify: A jQuery plugin for file uploads.
http://valums.com/ajax-upload/