input:file 要素を表示しないで、ファイルをアップロード | @jsakamoto

「Upload image...」と書かれたボタンをクリックすると、ファイル選択のダイアログが表示されるはずだ。 そこで .png や .jpg 等、適当な画像ファイルを選択してOKすると、即アップロードが始まる。 アップロードが完了すると、そのアップロードした画像をそのままページ上に表示する、そういうアプリになっている。 ※画像以外のファイルもアップロードできてしまうが、あくまでサンプルなので、画像以外がUpされた場合の対処とかは行っていない。ご勘弁を。 ※アップロードした画像はどこにも保存はしていない。そのアップロード結果のページを生成するときに img 要素の data uri を生成しているだけである。 この Web サイトのポイントは、Adobe Flash や Microsoft Silverlight、Java などのプラグインを使うことなく、ごくごく単純な input ty

[tohokuaiki]

input type=fileの表示を変更

[kefi3104]

input:file..

[satococoa]

"「input type=file 要素を input type=submit 要素の手前に重ねて配置して、type=submit をクリックしたつもりが、type=file をクリックしたことになる」"

[k-holy]

いい加減この手の要求で苦しまないようにブラウザ側で何とかして欲しいなあ

[side_tana]

地獄