IE8でjquery fileuploadでTypeError アクセス拒否な感じのアレやソレ - new takyam();
マジドハマりしましたよ・・・。 Ajaxでファイルをアップロードしようとする時に、IE9以下はXHR Lv2に対応してないので、IFRAMEの中にフォーム生成してうんたらかんたらする必要があります。 で、jQuery File Upload Pluginとか使うとその辺良いようにやってくれるんですが、やってくれるはずなんですが、何故か送信してくれない事案が発生。 ソース追ってくと、IFRAME内のform.submit()（formはjQueryオブジェクト）で止まってるっぽ。なんじゃこりゃ。 ソースはこちら 同じソースでChromeとかは問題なく動くんでIE8の何かにぶちあたったわけですが、結論から言いますと、<input type="file">がdisplay:none;だったのがダメっぽいです。 今回は、デザインされたボタンをクリックすると、display:none;な$file
jQueryプラグイン、jQuery.uploadを使って画像の非同期的にアップロードを行う - ToDoDoDo
ページ遷移を行わずにファイルタイプのアップロードを行うには、大体２つのパターンが考えられます。 一つは、ファイルデータをbase64形式にエンコードして、Ajax通信でサーバへ送る方法。 そして、もう一つは、ページ内にiframeを生成して、そこでformによる通信からサーバへ送る方法。 今回は後者の方法を行ってくれるライブラリ、jQuery.uploadを用いて使用者が特に意識することなく画像を非同期っぽくアップロードする方法の紹介です。 jQuery.upload サンプルコード // $(inputSelector).upload(url, callback, type) var url = '/action/to/upload'; var callback = function(res) { alert('File uploaded'); return this; }; var t
jQuery File Upload Demo - Basic version
Basic Basic Plus Basic Plus UI AngularJS jQuery UI File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Select files... The maximum file size for uploads in this
input type="file" なやつを独自にデザインする方法 - ダーシマ・ヱンヂニヤリング
デモ HTML <div class="file"> ファイルを選択 <input type="file"/> </div> CSS .file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; } .file input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; } 対応ブラウザ 以下のブラウザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery File Uploadの使い方
