WYSIWYGエディタで画像のアップロードを行う | Webエンジニアブログ
WYSIWYGのエディタSummernoteではファイルアップロード機能を実装できる Data URI schemeとFile Upload Bootstrap3でデザインされたWYSIWYGのエディタSummernoteに画像アップロード機能を実装する。 SummernoteをCakePHPで利用する SummernoteにはデフォルトでData URI schemeで画像ファイルをエディタに貼り付けることが可能。実際に画像を貼り付けて、HTMLのソースコードを確認してみたのが下の画像の状態になる。 Data URI schemeの方法を用いると画像をサーバ側にアップロードすることなく、画像をすべてエンコードしてテキスト状態にして貼り付けるため、画像を参照するためのHTTPリクエストが発生しないというメリットがある。 File Upload方式にて画像を管理したい場合には、Summern
HTMLファイルからPOSTでJSONデータを送信する - Qiita
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTMLファイルからPOSTでJSONデータを送信する</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#response").html("Response Values"); $("#button").click( function(){ var url = $("#url_post").val(); var JSONdata = { value1: $("#value1").val()
CakePHPとJSONでAjax用APIを作る方法
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
[Firefox] HTTP ヘッダ確認アドオン Live HTTP headers | pc.casey.jp
Live HTTP headers を利用するとサーバーとのやり取りが見えるから、特に開発者にとって正しく応答しているかなどを確認するために必須と言えるFirefox アドオン。 インストール インストールする。 Firefox を再起動して有効化を完了する。 使い方 起動のしかた ツールに「Live HTTP headers」が追加されているので選択する。 起動したところ。 使い方 起動した状態で何らかの通信を行うと、リクエストとレスポンスが次々と表示される。 また、「リプレイ」機能もあるり、取得した通信内容を再度実行するようで、Google のトップページを開いた通信をリプレイしたところ、Firefox のタブが再度通信を行った。 この機能は、ある要求に対して（例えば404 を返したいなど）プログラムを組んでいるときには何度も同じ要求を出すことがある。そういった場合に便利だろう。 また
![[Firefox] HTTP ヘッダ確認アドオン Live HTTP headers | pc.casey.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/f09d809ab417bd3443ad78d2186f38a259a17147/height=288;version=1;width=512/https%3A%2F%2Fpc.casey.jp%2Fwp%2Fwp-content%2Fuploads%2F2012%2F02%2FXWSS008473-s.jpg)
XMLHttpRequest()
目次 概要 XMLHttpRequest() ActiveXObject(ProgID : String [, location : String]) キャッシュ制御 クロスドメイン制限 XMLHttpRequest Level 2 サンプルコード 参考URL 概要 JavaScriptの非同期通信に利用される XMLHttpRequest() の解説まとめ。Ajax と呼ばれることもあります。 XMLHttpRequest() // --- XMLHttpRequest if (!'XMLHttpRequest' in this) { this.XMLHttpRequest = (function () { var i, l; for (i = 0, l = arguments.length; i < l; i++) { try { return arguments[i]; } catc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
