jqueryの+ HTMLのフロントエンドのアップロード画像のプレビューを実現

 

 

 

そのような機能があり、画像が表示され選択し、良い選択した後のプレビューを生成し、プラス記号をクリックしてください。

プラス記号を変更してください、UIが理解できなかったので、醜い入力

私はFAアイコン、外部bootstrap4クラスのセットを使用：ボーダー、パディングに関する設定を、それも、ほとんど中心のようです

入力を非表示にする最も簡単な方法

 

そして、実装がJS：

その後、ゴージャスなバグが現れ、それをプレビューし、私はそれを追加しましたthis.value、アップロードの1が良い、第二のアップロードですので、プレビューは2秒を表示され、第三のアップロードを参照してください..... 3第三表示され、後にthis.valueだけで罰金を追加しましたが、背景には、捕捉されない例外TypeErrorをF12エラーになります。「URL」on「にcreateObjectURL」を実行できませんでした........

解決策が何であるかを識別していなかったことを確認してください

 

CreateObjectURLは例を見て、この方法でも、Quguanネットワークをもつれされて

実際には、エラーの根本的な原因は、私は盲目だthis.value追加されます

 

それは、繰り返し画像を表示されている問題を再発見、削除されます

最後に突然実現し、それは方法の変更によって引き起こされます

 

そして、問題の方法を変更し、呼び出しを非表示にするには、入力した後にバック

そして、私は実際に「ラベル」で、単に完璧で、発見されました

渡されたすべてのテストの中で最も難しいのIE10

 

完全なコード：