デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
複数ファイルの一括選択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のソースも同
jQueryを使用してドラッグ&ドロップでファイルをアップロードできる「Plupload」 | Web活メモ帳
Pluploadはオープンソースのファイルアップローダーで、jQueryを使用してファイルのアップロードやリサイズ処理を行う事が可能になっています。 アップロードには複数のプラットフォームから選択可能で、FlashやSilverlightを使用する事も可能。 作者はTinyMCEの開発者の方だそうです。これは期待できますね。 詳しくは以下 機能 各テクノロジーについて何ができるかは、表にまとめられています。HTML5はJavaScriptだけで画像のリサイズなんかもできちゃうんですね。 以下のような機能があるようです。 複数ファイルのアップロード アップロード進捗状況の表示 最大ファイルサイズの制限 画像のサイズを変更する ユニークなファイル名の指定 複数ファイルのアップロード処理はCMSでは必須なので、こういったライブラリがオープンソースで公開されるのは開発者には嬉しいですね。 ソースも
ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」:phpspot開発日誌
jQuery.upload: A simple ajax file upload plugin ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」 同じページ内に生成したiframeへデータをPOSTすることで、非同期にファイルをアップロードが可能にするものです。 ファイルを選択すると即時にアップロードが開始するのが特徴 アップロードを完了すると次のように、ファイル名・サイズといったファイル情報が表示されるデモが公開されています。 ファイルアップロードを頻繁に行うようなケースにおいて、便利に使えるインタフェースが組み込めそうですね。 関連エントリ ajaxファイルアップロードに使えるjQueryプラグインいろいろ PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」 ファイルアップロードの際に便利なFlash/JavaScri
ajaxファイルアップロードに使えるjQueryプラグインいろいろ:phpspot開発日誌
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを選択して選択したら即座にアップするもの Ajax file Upload 画面遷移なしにアップロードが出来るアップローダー実装 jQuery Multiple File Upload Plugin など。画面遷移なしにファイルをアップロードしたい際の簡単ソリューションとして覚えておいてもよいかもしれませんね。
RedLine Magazine : PHP ファイルのアップロード 勉強メモ
PHP ファイルのアップロード 勉強メモ フォーム側のお約束事はこれだけ form要素に「enctype="multipart/form-data"」を追加する。 inputのtype属性には「file」を指定。 必ずPOSTメソッドを指定。 アップロード処理の流れ フォームに入力→送信 テンポラリファイルとしてアップロードされる ディレクトリにコピーして保存 テンポラリファイルとしてアップロードされたままにしておくと処理完了と同時に削除されてしまうので、ファイルを保存するために書き込み権限のあるディレクトリにコピーする。 $_FILES アップロードされたデータの内容は「$_FILES」に入る。 $_FILES['userfile']['name'] クライアントマシンの元のファイル名。 $_FILES['userfile']['type'] ファイルの MIME 型。ただし、ブラウザが
華麗にアップロード·SWFUpload MOONGIFT
※ 画像は全て公式サイトデモより。 Web操作の一番面倒だと感じるのはファイルのアップロードだ。一つのボックスで一つのファイルしか選択できず、アップロードが開始されてから終わりまでいつまでかかるのかさっぱり分からない。これだけWebが進化しつつも、基本は変わらない。 しかし外部ライブラリを利用すれば、状況は一変する。ファイルアップロードが多いサイトではぜひ導入されたい。 今回紹介するオープンソース・ソフトウェアはSWFUpload、Flash+JavaScriptなファイルアップローダーだ。 SWFUploadはFlashを使ってファイルを選択する。フォルダを選択できないのは残念だが、一回で複数のファイルを選択可能だ。そしてそれらはキューにたまっていく。 キューに入ったファイル群は、upload queueというリンクをクリックすればアップロードが開始される。ファイルは一気にではなく、順番
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ:phpspot開発日誌
Ext File Upload Form Widget Example by Saki リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ 「Add」でファイルを選んで↑ボタンでファイルをその画面上でアップロードしてくれます。 現状では、ダウンロードリンクやバックエンドプログラムのダウンロードリンクはないので手動で解析する必要がありそうですが、なかなかこれはカッコいいですね。 関連エントリ FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」 SWFUpload アップロードの進捗を表示しつつアップロードするサンプル
PHPで画像アップロード時のプレビュー
CMSでは画像をアップロードする場面が少なくないと思いますが、通常のフォームでは投稿した後にならないと実際のアップロード後のイメージを見ることができません。 そこで、今回要望があって作ることになったんですがファイルを選択した時点で画像のプレビューを表示し、気に入ったものが選択できた時点で他のテキストなどのテータと共に投稿するというインターフェイスを作ってみました。 実際の作り方は以下のとおり。 プレビューの仕組み まず、この仕組みがどうなっているのかを説明しますと、ファイルを選択したイベントでいったんアップロードを行ってしまい画像ファイルを作業ディレクトリに保存します。 そして、その後でJavaScriptでプレビュー領域にimgタグを出力して表示を行います。 ポイントは、アップロードの際に隠しiframeをtargetに指定してすぐにその値を元に戻すという部分の処理です。 それには、以下
Flash と Ajax を使った使いやすいファイルアップロードライブラリ「 FancyUpload 」
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
PHP5.2以降のリアルタイムなファイル・アップロード実装チュートリアル:phpspot開発日誌
IBM PHP V5.2 の新機能、第 5 回: ファイル・アップロードの・・・ - Japan PHP V5.2 では、開発者がファイル・アップロードの進行状況をリアルタイムで追跡する際に利用できるフックを追加しています。 PHP5.2以降のリアルタイムなファイル・アップロード実装チュートリアル Ajaxによるファイルのリアルタイムアップロード機能は、PHP5.2以前では(PHP単体では)実装することはできませんでしたが、PHP5.2以降からその機能が実装できるようになりました。 実装のためのチュートリアルが見れます。 PHP5.2 以前でリアルタイムアップロードを行う場合は以下のエントリを参照 アップロードの進捗を表示しつつアップロードするサンプル HTML_AJAXを使ったリアルタイム進捗表示アップローダー PHP+MySQLで作成されたAjaxベースのWeb2.0ファイルマネージャ
ファイルアップロード＆画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」:phpspot開発日誌
ファイルアップロード＆画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」 2007年05月31日- MOONGIFT: 実ファイルアップロード＆画像加工ならお任せ「CLASS.UPLOAD.PHP」:オープンソースを毎日紹介 システム開発で、ファイルのアップロードと言う仕組みは意外に煩雑な事が多い。インターネットとローカルとをつなぐ、重要な仕組みであるのに、あまり手軽な方法が提供されないのは不便だ。 ファイルアップロード＆画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」 ファイルアップロードに関する処理を非常に簡単にしてくれる他、画像のリサイズや色合い調整などの画像編集機能もついているようです。 画像編集は次のように簡単かつ直感的なコードで行うことができるようです。 以下のコードは画像をリサイズする際のサンプル $foo->imag
gmailで添付ファイルが自動でアップロードされるしくみ - bits and bytes
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
痛いニュース(ﾉ∀`):画像ちゃんねるに続き「VIPろだ」「がむしゃら」「カサマツさん」など大手アップローダーサイトが閉鎖
1 名前： ウルトラマン(広島県) 投稿日：2007/05/24(木) 20:11:39 ID:cqhTV2mk0 ?PLT 「画像ちゃんねる」管理者ら、猥褻画像公然陳列の共犯容疑で逮捕 http://internet.watch.impress.co.jp/cda/news/2007/05/24/15823.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIPろだ http://viploader.net/ VIPろだ休業のお知らせ ごめんなさい なんかうｐろだ運営で逮捕者が出たみたいなので 詳細が分かるまで休業してみます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 画像掲示板がむしゃら http://gamushara.net/ [お知らせ]画
ファイルの先頭8バイトだけで画像のフォーマットを調べる方法:phpspot開発日誌
ファイルの先頭8バイトだけで画像のフォーマットを調べる - bits and bytes PHPでファイルをアップロードしたとき ＄_FILES にアップロードされたファイルについての情報が入っています。そして ＄_FILES[...]['type'] にはアップロードされたファイルの MIME type が入っています。 ファイルの先頭8バイトだけで画像のフォーマットを調べる方法。 次のコードによって、バイト列の画像フォーマットが何であるかを調べることができるようです。 if ( preg_match( '/^x89PNGx0dx0ax1ax0a/', $image_stream) ) { $type = "png"; } elseif ( preg_match( '/^GIF8[79]a/', $image_stream) ) { $type = "gif"; } elseif ( p
GIGAZINE - AJAXを使ったファイルアップローダ「Uber Uploader」
ファイルをアップロードする途中経過をプログレスバーで順次表示するわけです。アップロード後も画面遷移することなくAJAXで結果を表示するわけで。そういうことをするのに役立つのがオープンソースで開発されている「Uber Uploader」というわけ。 実際のデモを体験すればどういうことができるかよく分かります。 CakeTimer - Demo Page | An Ajax file uploads progress bar http://thinkingphp.org/demos/cake-timer/ UBER UPLOADER DEMO - A free upload script with progress bar http://www.webdice.org/uber_uploader/ ダウンロードはこちらから。 SourceForge.net: Uber Uploader htt
PHPで書かれたCoolなweb2.0風ファイルアップローダー:phpspot開発日誌
w2box - Web 2.0 File Repository for PHP | labs.beffa.org This is a simple php script which allow you to upload and download files. There isn't any complex user management because it aims more for private file repository use. PHPで書かれたweb2.0風なカッコいいファイルアップローダー。 スクリプトをダウンロードしてサーバーで自由に使えます。 何がWeb2.0的かというと、次の点。 -アップロードプログレスメーターが付く(一部Perlスクリプト使用) -Ajaxで簡単にファイルを削除 -デザイン(重要) このデザインが気に入りました。
IFRAMEを使って非同期にファイルをアップロードするサンプル - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
2006-09-03
input type="file"のonchangeでファイルを勝手にアップロードしてプレビューをひっぱってくる仕掛けを作ろうとしてたんだが・・・ <form action="登録するとこ"> <input type="file" name="hoge" id="hoge"> </form> ... <form action="あっぷろーだ"> <input type="file" name="piyo" id="piyo"> </form> ... <script じゃばすくりぷと> Event.observe('hoge','change',function( evt ){ $('piyo').value=$('hoge').value; }); </script>というJavascriptコードを書くとFirefoxでセキュリティエラーで蹴られる。 すなわちtype=fileの要素に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
phpベースのファイルブラウザ - fileNice:phpspot開発日誌