jQuery.ajax()でファイルをアップロードする方法
jQuery.ajax()でファイルをアップロードする方法を紹介します。 １．はじめに jQuery.ajax()で画像ファイルをサーバに送信し、バックエンドのPHPで画像の幅・高さを返却し、それを表示するという簡単なプログラムを組んでみました。 フロントエンド <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function(){ $('#foo').submit(function(){ $.ajax({ url: "test.php", type: 'POST', data: { 'file': $('#file').val() }, dataType: 'json' }) .done(function( data ) { $('#re
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」を紹介します。 jQuery.upload １．機能 フォームのファイルアップロード実行に「jQuery.upload」プラグインを利用することで、Ajaxによるファイルのアップロードが行えるようになります。 以下のサンプルでお試しください。 サンプル ２．プラグインのダウンロード jQuery.uploadのダウンロードページにある、「jQuery.upload 1.0.2 (Minified)」または「jQuery.upload 1.0.2」を右クリックして「名前をつけて保存」を選択（バージョン1.0.2は2012年8月現在のもの）。 「jquery.upload-1.0.2.min.js」や「jquery.upload-1.0.2.js」といったファイル名で保存します。 ３．プラグインの設定 クラ
PHPを使ったAjaxファイルアップロードサンプル１０:phpspot開発日誌
10 Free Ajax Upload File Sample With PHP PHPを使ったAjaxファイルアップロードサンプル１０ Ajaxベースのものや、アップしたものを加工できるもの、エクスプローラベースのリッチなものなのが紹介されていて、つくろうとした時にある程度お望みのものがみつかるかも 本番環境で使う場合は認証を実施したり、そもそもセキュリティが考慮されていないものであったりするので、セキュリティ等に気を付けたいところですが、ベースとして使えそう 関連エントリ デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 HTML5を使ったファイルアップロード用プログラム集 HTML5でプログレスバー付きファイルアップロードを実現する例
jQuery.upload: A simple ajax file upload plugin
See related links to what you are looking for.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free FTP software for your browser - Monsta FTP
https://creativefan.com/10-ajax-jquery-file-uploaders/
