タグ

2012年11月8日のブックマーク (9件)

  • jQuery.uploadを使った、画像のサムネイルを表示するフォームのデモを作りました。 - Toro_Unit

    以前、jQuery.uploadでアップロード画像のサムネイルの作成というエントリーを書いたので、それの実装を作ってみました。アップロードする画像を選択すると、アップロードされ、それのサムネイルが表示されます。 また、ページを離れるときに画像をJavascriptで削除していますが、実際に使うときは使わない場面も多いと思いますので、その部分は適当に削除するなり、なんなりして下さい。 デモ:http://demo.torounit.com/jquery.upload/ script.js(ajaxでのアップロード等々) [js] jQuery(function($){ //送信ボタンの非表示 $(‘#submit’).hide(); //フォームの内容が変更されたとき $(‘#img’).change(function() { var preview = $(‘#preview’); //現

    jQuery.uploadを使った、画像のサムネイルを表示するフォームのデモを作りました。 - Toro_Unit
  • WordPressで管理画面以外から投稿させる機能を作る | 高橋文樹.com | プログラミング

    この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 「wp_insert_postという関数でユーザーに投稿させることができるらしいですが、どうすればいいですか」という質問を受けたのですが、その関数だけでは投稿することができません。質問者さんはおそらくWordPress でゲストに記事投稿させるフォームが作れる wp_insert_post() 関数が便利すぎてぎっくり腰になる件とかを見て「へー、そんなに簡単に作れるんだ」と思ったんでしょうが、この記事の作者さんはCakePHPとかでWebサイトを作ったりしているスキルセットの持ち主なので、「便利」とか「簡単」とか思うポイントがちょっと違うと思います。「SQL書かないで関数一発で保存できるなんて超便利」というぐらいじゃないでしょうか。「何も考えずコピペしたらSNS作れた嬉しい」

    WordPressで管理画面以外から投稿させる機能を作る | 高橋文樹.com | プログラミング
    s99e209
    s99e209 2012/11/08
  • wp_verify_nonce - Google 検索

    2019/06/10 · nonce用ハッシュ値が有効時間の前半の場合は1、後半の場合は2、有効時間外の場合はfalseを返す。

    s99e209
    s99e209 2012/11/08
  • アップローダーのプラグイン

    こんにちは。 参考にされたページにも書かれていますが、探せば普通にすぐ見つかるようですが、発見できないということなので・・・ 「http://wordpress.org/extend/plugins/inline-upload/」 設定次第ではゲストですらアップロードできるそうなので、上のものあたりがご希望通りのものだと思いますよ。ただ、セキュリティ面では完全にアウトだと思うのでゲストにもアップロードさせるのであれば自己責任でお願いします。 ※自分では使っていないプラグインなので、動作は未検証ですが、参考までに・・・ 回答ありがとうございます。 Inline Uploadのプラグインを前に試したことがあるんですが このプラグインってアップロードのみですよね。 他にもいろいろとプラグインを試してみたんですが アップロードのプラグインは、たくさんあったんですが。。。 他の方もブラウザからアップ

    アップローダーのプラグイン
    s99e209
    s99e209 2012/11/08
  • HTML5 File Uploads with jQuery

    Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on t

    HTML5 File Uploads with jQuery
  • jQueryとHTML5でドラッグ&ドロップアップロードを実現するチュートリアル:phpspot開発日誌

    jQuery HTML5 Drag-and-Drop File Upload | LearnComputer jQueryとHTML5でドラッグ&ドロップアップロードを実現するチュートリアル。 jQueryのfiledropプラグインを使いつつサーバにファイルをアップロードするためのJavaScriptPHPコードの例が掲載されています。 JS部分のコード例。アップ先のPHPエントリポイント、アップ開始、終了時のイベントハンドラが指定できます。 PHP側では $_FILES を使ってファイルを受け取るという簡単な物になっています。 関連エントリ ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」 ファイルアップロード関連のjQueryプラグイン10 PHPを使ったAjaxファイルアップロードサンプル10

  • 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」:phpspot開発日誌

    画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 2012年03月19日- jQuery File Upload Demo 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 Twitter Bootstrap を使ったアップロードのデモなんですが、ファイルを選択するとサムネイルが直ぐに出てくれてます。(複数選択が可能) そして、選択後、すぐアップロードは開始されず、Startボタンを押すと開始されます。 なんか選択したらすぐアップされたなんていうケースがありますのでこれは安心です。 更に、個別にキャンセルが可能なので、アップしようと思った画像と違う物を間違ってアップする事をサムネイルで未然に防げます。 アップした後も、Del

  • HTML5+jQueryのドラッグ&ドロップに対応したアップローダー・droparea

    Gmailライクにローカル環境からブラウザに ドラッグ&ドロップで画像をアップロード可能 にするHTML5+jQuery製のアップローダー droparea。今後、こうしてキーボードを使う 頻度が減っていくんですかね・・HTML5の 出現で一気に加速した印象ですね。 jQuery HTML5 UploaderやjQuery File Uploadの後発に当たりますね。 イメージアップローダーです。Gmailライクにドラッグ&ドロップでアップロード出来ます。 コードs = { 'init': m.init, 'start': m.start, 'complete': m.complete, 'instructions': 'drop an image file here', 'over' : 'drop file here!', 'nosupport' : 'No support for t

    HTML5+jQueryのドラッグ&ドロップに対応したアップローダー・droparea
  • HTML5 Drag & Drop Image File Uploader jQuery Plugin

    Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of the upload too. It has been tested on Google Chrome and Mozilla Firefox. Requirements: jQuery Framework Demo: http://gokercebeci.com/dev/droparea License:

    HTML5 Drag & Drop Image File Uploader jQuery Plugin