TechCrunch Japanese アーカイブ » Snapであなたのサイトにも無料で検索プレビュー機能を
2006-09-03
input type="file"のonchangeでファイルを勝手にアップロードしてプレビューをひっぱってくる仕掛けを作ろうとしてたんだが・・・ <form action="登録するとこ"> <input type="file" name="hoge" id="hoge"> </form> ... <form action="あっぷろーだ"> <input type="file" name="piyo" id="piyo"> </form> ... <script じゃばすくりぷと> Event.observe('hoge','change',function( evt ){ $('piyo').value=$('hoge').value; }); </script>というJavascriptコードを書くとFirefoxでセキュリティエラーで蹴られる。 すなわちtype=fileの要素に
非同期ファイルアップロード(not ajax)の検討 - はまろぐ
先の件をとりあえず解決法。 input type="file"がコピーできねぇならフォームのターゲットとアクションを差し替えちゃえ！ 終わったら元のactionに戻す(イベントドリブンだから2つ走ったらぐちゃぐちゃになる気はする) name="hoge"を本当のPOST先につっこみたい。これすなわちアップロードが終わってるファイルのファイルパス prototype.js前提(適当にjs書き換えれば無しでもいけると思うが) バリデータとかは適当に <form action="本番POST" id="hoge_form" method="post" enctype="multipart/form-data" > <iframe "target_iframe"></iframe> <input type="file" name="dummy" id="dummy_input" /> <input
非同期アップロード - はまろぐ
結局iframeとjavascriptで解決。Ajax使う必要は無かった。 iframe内にフォームとinput type=fileのセットを置く input type=fileのonchangeが走ったらsubmitしちゃう アップロードされたファイルのmime-type調べてテンポラリから公開できる場所に移動 そのURLをjavascriptで親のフレームにあるimgタグに突っ込む。 プレビュー表示完了(・∀・)！ ただし、File読み込みのフォームが多いとhttpリクエストが増えまくりなのが問題だ・・・
リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌
WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーでリンク先サムネイル表示:phpspot開発日誌
Thing collar Bu log - FC2 BLOG パスワード認証
