iOS/Androidで、サムネイル表示＋アップロードキャンセル可能な複数ファイルアップロードをFileAPIでやる - Qiita

iOS/Androidで、サムネイル表示＋アップロードキャンセル可能な複数ファイルアップロードをFileAPIでやるJavaScriptHTML5 HTML5のFile APIを使ってファイルのリアルタイムサムネイル表示なんて、もはや一般的に使われているネタなんだけど、今回はファイル参照ボタンをオリジナルデザインのボタンにしつつ、選択後、個別でキャンセルが出来るようにしてみた。 んだけど、Android Browserで一部、関係ないところで動かなかったりして色々はまってしまった。っていうか、Androidのバージョンによるのかもだけど、そもそもmultiple時に一度に複数画像が選択できないんだけど…。これはどのAndroid機でも同じなのかな。 というわけで、仕様の若干違う2パターン作ってみた。 パターンA 仕様 Android Browserでは動かないので、微妙だけど。 一度に選択

[hiro_y]

「オリジナルデザインのボタンにするにあたって、元々のファイル参照ボタンをopacity:0;で消しているが、これをdisplay:none;とかvisibility:hidden;にすると、Androidではうまく動かない。透明に隠して、その上にデザイン要素を載せ