ファイルアップロードの例外処理はこれぐらいしないと気が済まない - Qiita
【2021/10/15 追記】 この記事は更新が停止されています。現在では筆者の思想が変化している面もありますので，過去の記事として参考程度にご覧ください。 脆弱性について 参考リンク PHPにおけるファイルアップロードの脆弱性CVE-2011-2202 PHP 5.4.1リリースのポイント 上記に対する補足説明 PHP 5.4.1以降 PHP 5.3.11以降 どちらかを満たしているならば，脆弱性は（今のところ）無い．どちらも満たしていないと， $_FILES 変数の構造を崩す攻撃 ../ をファイル名に含めて送信する攻撃 (ディレクトリトラバーサル) の何れか，もしくは両方の脆弱性を所持していることになるので要注意． 脆弱性対策と注意事項 $_FILES Corruption 対策 改竄されたフォームからの複数ファイル配列送信対策 脆弱性が修正された環境でも 改竄フォーム対策 も兼ねて
簡単！PHPとjQueryでドラックすればリサイズクリップ出来るスクリプト
なかなか凄いぞ！ jQueryとPHPのモジュールで簡単に動いてしまった。 画像をアップロードして、カットしたいところをドラッグ。 その部分が指定したサイズになってクリップされるという代物。 因みに今回アップロードで使用した画像は美人時計さんのもので、1分おきに美人が現れる時計式ウェブサイトです。これも同時にお勧め。 仕様 必要なものは、PHP4もしくはPHP5。 そしてPHP GD ライブラリがサーバーにインストールされている必要がある。 逆に言えばこれだけクリアしていればものすごく手軽に設置できるという魅力あるスクリプトです。 仕様としては、アップローダーが付いており、そこに画像をアップすると、編集モードになる。 そこで、写真の好きなところをドラックして囲い込みをすればそこが画像としてリサイズできるのです。 ダウンロードは以下 ページ下部にある以下のリンクから。 ダウンロードした後は
機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」:phpspot開発日誌
Fine Uploader a.k.a valums file-uploader 機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」。 プログレスバー付きでアップロード後の即時サムネイル表示、ドラッグ＆ドロップアップロード、複数ファイルアップロード対応など全部入り。 BootStrapのテーマにあわせることもできます。IE7移行も対応しています。 モダンなアップローダーを作るなら１つの選択肢になりそうです 関連エントリ 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 HTML5を使ったファイルアップロード用プログラム集
HTML5を使ったファイルアップロード用プログラム集:phpspot開発日誌
10 HTML5 File Upload with jQuery Example HTML5を使ったファイルアップロード用プログラム集 プログレスバー付きや、デスクトップ等からのドラッグ＆ドロップ対応等、HTML5やjQueryを活用したアップローダーの例が公開されています。 プログラムのダウンロードも可能。アップロードはWEBサービスの昨今において必須の技術ですが、こうしたサンプルを見つつ実装方法について一考してみてもよさそうですね ファイルアップロードも昔は単調はフォームだったのが嘘に思えるぐらい進化してますね 関連エントリ jQueryで実装する進捗グラフ付き複数ファイルアップローダー 超シンプルな画像アップローダー＆画像シェアできるツール「imgur」 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」:phpspot開発日誌
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」 2012年08月24日- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」。 対応ブラウザであれば以下のブラウザでドラッグ＆ドロップによるファイルアップロードが可能になります。どのJSフレームワークにも依存せず単体で使えます。 IEではIFrameを利用した画面遷移なしのファイルアップロードが可能。 ファイルをドロップすると、各種イベントハンドラが起動されて、タイミングに応じた好きな処理を記述することも出来るみたい。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 jQuer
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
複数ファイルの一括選択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のソースも同
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 など。画面遷移なしにファイルをアップロードしたい際の簡単ソリューションとして覚えておいてもよいかもしれませんね。
今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」:phpspot開発日誌
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」。 Flash, Silverlight, Google gears, HTML5, Yahoo Browserplus などの技術を駆使することで多くのブラウザに対応し、ユーザビリティの優れたものになっているようです。 作者は有名なWYSIWYGエディタのTinyMCEのデベロッパーという点も気になります。 アップローダー画面。CMSなどに組み込む場合にも違和感なく使えそうなデザインとUIです。 ↑Add Files で選択したファイルを選ぶとすぐにファイル名が表示され、どんどんファイルを追加していっ
化粧品としても優秀！？ | 今話題の健康食品、ユーグレナ(ミドリムシ)の秘密
栄養食品として優秀なユーグレナ(ミドリムシ)ですが、化粧品として商品化されているのはご存知でしょうか。それが、ミドリムシが入った化粧品「B.C.A.D.」という商品です。肌のハリ・ツヤ・潤いなどの加齢による減少を防ぎ、肌トラブルの元になる乾燥肌を改善させ、透明感やふっくらとした弾力を与えるエイジング効果が期待できると言われています。 そこで今回は、ユーグレナ化粧品の効果と、おすすめユーグレナ化粧品をご覧頂きたいと思います。 ◆ユーグレナ化粧品にはどんな効果があるのか 最新の技術で、化粧品用の機能性に富んだ粉体材料として加水分解されたユーグレナエキス「リジューナ」が開発され、化粧品の原材料として使用され始めています。 その効果は、素肌の深部まで浸透し、正常なターンオーバー(肌の表皮代謝)を促してくれます。ユーグレナエキスによってターンオーバーが正常になったお肌は、保湿が充分で潤い、それによっ
PHPで画像アップロード時のプレビュー
CMSでは画像をアップロードする場面が少なくないと思いますが、通常のフォームでは投稿した後にならないと実際のアップロード後のイメージを見ることができません。 そこで、今回要望があって作ることになったんですがファイルを選択した時点で画像のプレビューを表示し、気に入ったものが選択できた時点で他のテキストなどのテータと共に投稿するというインターフェイスを作ってみました。 実際の作り方は以下のとおり。 プレビューの仕組み まず、この仕組みがどうなっているのかを説明しますと、ファイルを選択したイベントでいったんアップロードを行ってしまい画像ファイルを作業ディレクトリに保存します。 そして、その後でJavaScriptでプレビュー領域にimgタグを出力して表示を行います。 ポイントは、アップロードの際に隠しiframeをtargetに指定してすぐにその値を元に戻すという部分の処理です。 それには、以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - RonnieSan/uploadify: A jQuery plugin for file uploads.
Blogger
Creating a Reusable Flash Uploader with ActionScript 3.0 and PHP | Envato Tuts+