ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 で単純な画像アップロードを実装する際に発生する問題と解決策 _html5 チュートリアル スキル

HTML5 で単純な画像アップロードを実装する際に発生する問題と解決策 _html5 チュートリアル スキル

WBOY
WBOYオリジナル
2016-05-16 15:46:051967ブラウズ
1.
を表示します。フロントエンドでのファイルのアップロードはフォームを経由する必要があり、ajax を使用できないためです。この場合、ファイル型の入力をモバイル ページに配置することは実際には見栄えしません。以下に示すように、非常にイライラします。
はありますか。

解決策を探しました。一部の PC ではこの入力を Flash に置き換え、uploadify などの jquery ツール ライブラリを使用してそれを実行していますが、モバイル側のほとんどのブラウザは Flash をサポートしていません。したがって、最後の方法はフォームフォームを使用することです。フォームと入力の透明度を0に設定するだけで、それらと表示されるコンテンツが同時に同じdivに配置され、表示されるコンテンツを次のようにすることができます。あなたが望むように見えます。コードは次のとおりです:

コードをコピーします
コードは次のとおりです: