HTTPを手で書いて学ぶ ファイルアップロードの仕組み

2023/10/28 521 users http

Kaigi on Rails 2023の登壇資料です！ 続きを読む

デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌

2011/03/22 413 users jQueryプラグイン phpspot開発日誌 プラグイン

デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」2011年03月22日-jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デ... 続きを読む

HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - まめしば雑記

2011/07/02 411 users API しば雑記 Drag and drop 中身 ブラウザ

HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。今回は JavaScript の処理... 続きを読む

ファイルの先頭8バイトだけで画像のフォーマットを調べる - bits and bytes

2007/05/18 297 users フォーマット bits and bytes ファイル 画像

PHPでファイルをアップロードしたとき $_FILES にアップロードされたファイルについての情報が入っています。 そして $_FILES[...]['type'] にはアップロードされたファイルの MIME type が入っています。しかしここに入っている値は PHP: ファイルアップロードの処理 - Manual に $_FILES['userfile']['type'] ファイルの MIME... 続きを読む

ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」:phpspot開発日誌

2010/06/01 267 users iframe 即時 非同期 Ajax ファイル

jQuery.upload: A simple ajax file upload plugin ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」 同じページ内に生成したiframeへデータをPOSTすることで、非同期にファイルをアップロードが可能にするものです。 ファイルを選択すると即時にアップロードが開始するのが特徴 アップロードを完了すると次のよう... 続きを読む

Amazon S3 へのファイルアップロードで POST Policy を使うと、かゆいところに手が届くかもしれない - カミナシ エンジニアブログ

2024/02/27 169 users カミナシ かゆいところ エンジニアブログ アップロー サーバー

はじめに こんにちは。カミナシでソフトウェアエンジニアをしている佐藤です。 みなさんは、アプリケーションのフロントエンドから、Amazon S3 にファイルをアップロードするときに、どのような方法を用いているでしょうか？ 「バックエンドのサーバーにファイルを送信し、バックエンドのサーバー経由で S3 にアップロー... 続きを読む

RejectKaigi2017でファイルアップロードについて発表した - おもしろwebサービス開発日記

2017/08/21 146 users rejectkaigi2017 Web+DB Press

2017 - 08 - 21 RejectKaigi2017でファイルアップロードについて発表した 先日行われた RejectKaigi 2017 でファイルアップロードについて発表しました。資料はこちら。 内容的には、WEB+DB PRESS Vol.95で書いたファイルアップロード話を最新にしたものになります。Rails5.2で新しく追加されるActive Storageというファイルアップロ... 続きを読む

IE9以降でもHTMLフォームでファイル名とファイルの中身を外部から指定できる | 徳丸浩の日記

2014/01/30 138 users 徳丸浩 中身 外部 multipart HTMLフォーム

2014年1月30日木曜日 IE9以降でもHTMLフォームでファイル名とファイルの中身を外部から指定できる 昨日の日記「IE8以前はHTMLフォームでファイル名とファイルの中身を外部から指定できる」にて、福森大喜さんから教えていただいた内容として、ファイルアップロードのHTMLフォーム（enctype="multipart/form-data"）にて、アップロードするファイル名とファイルの中身を外... 続きを読む

IFRAMEを使って非同期にファイルをアップロードするサンプル - PHPプロ！ニュース

2006/12/04 112 users iframe XMLHttpRequest PHPプロ 構成

anyExample.comにて、PHPを用いて作成したIFRAME & JavaScriptによるファイルアップロードのサンプルスクリプトが掲載されています。 通常、Ajax(XMLHttpRequest)を使用して<input type="file">によるファイル送信はできませんが、IFRAMEをうまく活用することで非同期ファイルアップロードが可能になります。 このスクリプトの基本的な構成は... 続きを読む

ファイルアップロードや画像編集を劇的に簡易化するJavaScriptライブラリ「Uploadcare」を使ってみた！ - paiza開発日誌

2017/10/26 82 users paiza開発日誌 0310lan プログラミング ファイル

2017 - 10 - 26 ファイルアップロードや画像編集を劇的に簡易化するJavaScriptライブラリ「Uploadcare」を使ってみた！ プログラミング プログラミング初心者 プログラミング学習 開発ネタ Webサービス紹介 どうも、まさとらん（ @0310lan ）です！ 今回は、自分のWebサイトに高機能な「ファイル アップローダ ー」を簡単に組み込める JavaScript ライブ... 続きを読む

Google BigQueryで今期アニメに関するツイートを分析するぞい！ - Qiita

2014/10/29 79 users Qiita ぞい ファイルブラウザ BigQuery CSV

BigQueryでアニメに関するツイートを分析する アニメツイートを記録したCSVをBigQueryに上げる データ形式を選択する CSV/JSON/AppEngine Backupが選べますが今回はCSVとします。 File Uploadでブラウザからファイルアップロード・・・といきたい所ですがファイルブラウザからのアップロードは10Mバイトに制限されています。 10Mバイト以上のファイルはGo... 続きを読む

バッチファイルでFTPアップロードを自動化する方法

2005/07/31 77 users パッチファイル 備忘録 FTP 全盛期 Blog

blogや日記(!)全盛期のいま、ウェブレンタルスペースにFTPでファイルアップロードをする機会は減っているのかもしれないですが、備忘録も兼ねて紹介しておきます。 upload.batというバッチファイルを用意します。内容は以下の通り。 ftp -s:upload.ftp -s:オプションは、upload.ftpに書いてある通りにFTPを行ってくれという意味です。 upload.ftpファイルの中... 続きを読む

iOS 8でファイルをアップロードすると破損するバグが見つかる - GIGAZINE

2014/09/19 75 users モバイルデバイス GIGAZINE パク バグ問題 ブラウザ

モバイルデバイスの開発者向けフォーラムBreaking the Mobile Webで、iOS 8とiPhone 6のウェブ開発者およびデザイナー向けにさまざまな情報が交換されています。その中の「バグ問題」の項目で、iOS 8のブラウザからファイルアップロードを行うとファイルが壊れてしまうという報告があがっています。 iOS 8 and iPhone 6 for web developers an... 続きを読む

Rubyでブラウザを操作する！Watirを使ったブラウザ操作の自動化 - .logbook

2015/05/03 72 users LogBook Ruby ライブラリ 特定 ブラウザ経由

2014-01-26 Rubyでブラウザを操作する！Watirを使ったブラウザ操作の自動化 Ruby Ubuntu 仕事や普段の作業で、ブラウザを操作する作業がめんどくさいと感じていた。 ブラウザ経由での勤怠情報入力 特定のサイトにアクセスしてのファイルアップロード これを自動化することができないか？と調査していたところ、Rubyでプログラムを記述してブラウザを操作できるライブラリを発見。早速使っ... 続きを読む

Vue.jsで実装された、サーバーサイドのバリデーションを自動表示するフォームのコンポーネント -FormVuelar | コリス

2019/02/14 71 users コリス サーバーサイド バリデーション コンポーネント

サーバーサイドのバリデーションを自動的に表示するようにVue.jsで実装されたフォームのコンポーネントを紹介します。 ベーシックなフォームをはじめ、ファイルアップロード、ドロップゾーンなど、最近よく利用されるフォームのコ...記事の続きを読む 続きを読む

POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」:phpspot開発日誌

2013/05/01 71 users HTTPライブラリ POST PHP phpspot開発日誌

Unirest - Simplified, lightweight HTTP libraries in multiple languages POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」 かなり簡単なコードでHTTPの操作が可能になるライブラリのご紹介。PHPだけじゃなくて、Java、Ruby、Pythonの他、Objective-Cにも対応。 次の... 続きを読む

『Titanium Media Sync』はAndroidのSDカードとDropboxをリアルタイム同期！ : ライフハッカー［日本版］

2011/04/10 71 users Dropbox モバイルアプリ ストレージ ライフハッカー

Android , GTD , Google , Webツール , ストレージ , 仕事術 『Titanium Media Sync』はAndroidのSDカードとDropboxをリアルタイム同期！ 2011.04.10 16:00 コメント数：[ 0 ] Check Tweet Android：Dropboxのモバイルアプリでは、ファイルアップロードがマニュアル操作でしか行えません。これを残念と... 続きを読む

ファイルアップロード関連のjQueryプラグイン１０:phpspot開発日誌

2011/12/08 66 users phpspot開発日誌 Ajax swf 3D Models

10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com ファイルアップロード関連のjQueryプラグイン１０ ファイルアップロードといってもSWFを使ったりAJAXを使ったりと方法が色々あって、いろんなやり方ができるjQueryプラグインです。 望み... 続きを読む

最速・最高のファイルアップロードに近づくための1歩 - Qiita

2016/12/08 65 users Webアプリ 実装自体 想像以上 Qiita 最速

Webアプリを作っていてよく出くわすのがファイルアップロードですね。単純にアップロードするだけなら実装自体はたいしたことないものですが、より良くしようと思うと想像以上に奥が深く…悩ましい沼感があります 続きを読む

Gmail風にドラッグ&ドロップでファイルアップロードが出来るjQueryプラグイン「jQuery HTML5 Uploader」 | Web活メモ帳

2011/05/18 64 users Uploader jQueryプラグイン デモ Gmail風

Gmail風にドラッグ&ドロップでファイルアップロードが出来るjQueryプラグイン「jQuery HTML5 Uploader」が良さそうだったのでご紹介。 HTML5対応ブラウザであれば、ローカルにあるファイルをドラッグするだけでアップロード出来るようになります。 ドラッグ時には複数ファイルを指定できるので、よく添付ファイルを送信するフォームにはおすすめの機能です。 ↑デモの様子。破れた穴の画... 続きを読む

[PHP] ファイルアップロードの上限サイズを変更する際にさわるディレクティブまとめ | バシャログ。

2012/02/02 60 users バシャログ PHP php.ini nakamura ユーザ

きゃりーぱみゅぱみゅってうまく言えない・・・。みなさんこんにちは nakamura です。 ユーザにファイルをアップロードさせるような処理、あんまりないとは言いつつもやっぱり何気によく作りますよね。でも、作る度に毎回引っ掛かるのがファイルアップロードに関連する php.ini ディレクティブの設定です。upload_max_filesize さえ上げときゃ動くだろう、と思って上げてみると動いたり動... 続きを読む

ActiveRecord トランザクションと ActiveStorage をちょっとだけ仲良くさせる方法 - SmartHR Tech Blog

2018/09/14 55 users ActiveRecord gongoZ ファイル 問題 それら

こんにちは！ SmartHR エンジニアの @gongoZ です。 Ruby on Rails 5.2 より、ファイルアップロードおよびそれらのファイルと ActiveRecord との関連付けを容易にする ActiveStorage という仕組みが導入されました。 お手軽で便利な仕組みなのですが、とある問題に遭遇した際「ここ、もう少しシュッと書けないものだろう... 続きを読む

PHPにおけるファイルアップロードの脆弱性CVE-2011-2202 - ockeghem(徳丸浩)の日記

2011/06/20 50 users ockeghem 現行バーション スラッシュ 徳丸浩 PHP

PHPの現行バーション（PHP5.3.6以前）には、ファイルアップロード時のファイル名がルート直下の場合、先頭のスラッシュを除去しないでファイル名が渡される問題があります。CVE-2011-2202として報告されています。　後述するように影響を受けるアプリケーションは少ないと思われますが、念のためアプリケーションの確認を推奨します。また、次バージョンPHP5.3.7のRC1で修正されていることを確... 続きを読む

小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード「html5uploader」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/06/06 48 users Flash HTML ソフトウェア ソース 手間

html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 0 続きを読む

ドラッグ＆ドロップによるクールなファイルアップロードを実現できる「Dropzone.js」:phpspot開発日誌

2013/01/25 40 users phpspot開発日誌 Dropzone.js

Dropzone.js ドラッグ＆ドロップによるクールなファイルアップロードを実現できる「Dropzone.js」。 ファイルをブラウザ内にD&Dすると画像ならサムネイルがすぐに表示されつつ、プログレスバーが表示されて進捗が分かり、更に完了した際にはチェックマークでアップロード完了が分かります なかなかカッコいいだけでなく、便利なアップロードが可能。 ブラウザ非対応時のフェイルバックも 関連エント... 続きを読む