Ajaxを使わずに画面遷移なしで画像ファイルをアップロード（IE9対応版）
今日は画像ファイルのアップロードを実装する方法のご紹介です。 ファイルアップロード時の画面遷移はしないケースで考えます。1ページ完結型です。 Ajaxは使わず、シンプルに通常のフォーム送信で実装します。 やり方 ファイル送信自体にはフォーム要素を使います。 <form id="FileUpload" name="upload" method="post" action="/api/upload" target="upload-image" enctype="multipart/form-data"> <input type="file" name="image" /> <input type="submit" name="submit" value="送信" /> </form> <iframe id="FileUploadIframe" name="upload-image" style
Ajaxを利用して複数画像をドラッグ＆ドロップで一括アップロード - Qiita
Ajaxを利用して複数画像をドラッグ＆ドロップで一括アップロードするための簡単なメモ。 基本的に画像をPOSTするだけなので、サーバサイドは特別なことをしなくても大丈夫です。 File APIについてはここがわかりやすかったので、是非見てみてください。 http://www.atmarkit.co.jp/ait/articles/1112/16/news135.html また、このライブラリが便利そうなので、時間がある方はこちらを使った方がいいと思います。 https://github.com/blueimp/jQuery-File-Upload サンプル HTML <html> <head> <title>画像をドラッグ＆ドロップで一括アップロード</title> </head> <body> <div id="image_upload_section"> <div id="drop"
AjaxアプリケーションのSEOについて調べてみた | keisuke tsukayoshi
Backbone.jsやEmber.js、AngularJSなどの流行りのMVCフレームワークを用いたAjaxアプリケーションのSEOについて少ししらべてみました。SEOというかクローラー対策っぽいですが。ブログ的には始めての開発系の記事。 AjaxアプリケーションのSEO的な問題 そもそもどうしてAjaxアプリケーションがSEO的にやばいかというと、一旦空のHTMLを読み込んだあとJavaScriptを使ってクライアントサイドでコンテンツをレンダリングする仕組み上、Googleのクローラーのような特殊な環境だと内容を正常に読めないというのが現状らしい。というわけでこれを如何にして読み込ませるかが本件のゴールになります。 STEP1:Ajaxアプリであることをクローラーに伝える #!(ハッシュフラグメント)をURLにつける URLに#!(ハッシュフラグメント)が含まれているとクローラーはそ
HTML/JavaScriptをインクルード表示させる方法 | エンタープライズ | マイコミジャーナル
WebページでHTMLやJavaScriptを表示させる場合に厄介な問題がある。実際のソースコード、たとえばそれはHTMLやJavaScriptだったりするわけだが、実際に使われるそういったコード保守する必要があるほか、そのコードを表示させているHTMLの方に含まれているコードも保守する必要があるということだ。 大量のチュートリアルを作成している場合などは特に面倒なことになる。デモコードを書き換えるごとに、それを表示させているHTMLの方に含まれているコードも変更しなければならない。編集を忘れてしまえば実際に動作しているコードと表示されるコードが違うという事態にもなる。 同じことを考えるプログラマは多いようだ。Christian Heilmann氏は1月29日(米国時間)、Displaying source code with Ajaxのタイトルのもと、外部のファイルをインクルードして表示
JavascriptでHTMLをインクルードする方法 | My Color 「ダンクハーツ-谷春樹Blog-」
一度制作したWebサイトの更新のしやすさを向上するために、プログラムのインクルードを利用して「サイドメニュー」や「ヘッダー」をテンプレート分けしている人も多いと思います。 簡単にHTMLをインクルードする方法として、phpが利用できるサーバーであれば<?php include"ファイル名" ?>と記述したり、SSIが利用できるのであれば<!--#include file="header.html" --> と記述する方法があります。 今回、phpもSSIも利用できないサーバーでサイトのパーツをテンプレート化できたらなぁ・・といろいろ探していたらついに発見！ Javascriptを利用してHTMLのインクルードを実現している方法があったのでご紹介。 参考サイトは「Displaying source code with Ajax」 上記のサイトで配布している、Ajaxフレームワークの「jq
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/06/jquery-forms.html