手軽に美しく実装！ファイルアップロード用JavaScriptライブラリ4選 - Lancers開発ブログ
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
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(
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
無料でどんなファイルもサイズ制限なしでアップロード可能な「Hosted File Share」
誰かとファイルを共有したい時、知っておくと便利な無料ウェブサービスが「Hosted File Share」です。 ファイルサイズ無制限で各種ファイルをアップロード可能で、アップロード後のページアドレスを相手にメールなどで渡すことでファイルの共有が可能。画像やPDFファイルはダウンロードページに埋め込みで表示されるので、ダウンロードする前に内容を確認することができます。 ツイートボタンも設置されているので、アップロード直後にTwitter経由でファイルを共有することもできます。Twitterと連携する画像共有サービスはいろいろ存在するものの、画像ファイル以外との連携はちょっと難しいため、さまざまなファイルをみんなで共有したい時にも便利です。 「Hosted File Share」の利用方法は以下から。Hosted File Share - Free Hosted File Sharing f
Free file hosting. File sharing. File upload - Uploadingit
The definitive way to test the speed and performance of your internet connection. SpeedSmart is a internet speed test that works accurately across any devices with a web browser, from desktops and laptops to phones and tablets. SpeedSmart is an HTML5 speed test, our exclusive testing method and worldwide dedicated server network ensure you get an accurate result of your broadband or mobile interne
ファイルがダウンロードされればされるほどアップロードしたユーザーが儲かるオンラインストレージサイトまとめ
「「ぬらりひょんの孫」「SKET DANCE」「エデンの檻」などを「MEGAUPLOAD」で公開していた18歳の男子学生を逮捕」という記事中で「MEGAUPLOADはダウンロードされた数に応じて報酬が支払われる方式」というように書きましたが、昨年あたりから海外のオンラインストレージ界隈ではこの動きが加速しています。 最初はRapidShareやMEGAUPLOADがオンラインストレージではシェアが大きかったのですが、そこへHotfileがダウンロードされればされるほどポイントがたまり、それを現金化できるという仕組みを導入して一気に追い上げてシェアを拡大、それを模倣して他サイトも次々と同じような仕組みを導入、現在のようなとんでもない状況になっている、というわけです。 というわけで、現時点で日本からの利用者が多いオンラインストレージサイトについて、どういう仕組みを提供しているかをざっとまとめて
複数ファイルの一括選択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のソースも同
Ajaxline.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
アップロードの進捗を表示しつつアップロードするサンプル:phpspot開発日誌
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップロードの進捗を表示しつつア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
ＰＨＰリファレンス（$_FILES、@move_uploaded_file()）
http://valums.com/projects/ajax-upload/