質問: ### 前提・実現したいこと 画像をアップロードする際に、JSを使ってリサイズしてからアップロードしたいと思っています。 検索してみると、下記のコードで実装することができました。 ただ、`id=previewLarge`を`display:none`にして画面上に表示されないようにしていますが、 他によい書き方はあるのでしょうか? `id=previewLarge`を使わなくても、リサイズした画像のみが画面上に表示されるようにしたいです。 ### 該当のソースコード ``` 画像のリサイズ ``` ### 補足情報(FW/ツールのバージョンなど) 色々なサイトから探して上記のコードを見つけました。 実際やりたいことは、リサイズした画像のみを画面に表示したいです。 そのため、リサイズ前の画像をcssで非表示にしてみました。 ただ他に良い方法が教えていただきたいです。 初心者のためJavaScriptも理解が低いです。 初歩的なことで恐縮ですが、お教えいただけますと幸いです。 どうぞよろしくお願いします。
回答: > > var canvas = document.createElement('canvas'); > > > と同様にimg要素を作ればいいと思います。 今のコードだと、ID付きで定義されているため暗黙にアクセスできるwindow.previewLargeを使っている形なのですが、 ``` var _previewLarge = document.createElement('img'); ``` とやって、こちらを使うようにする感じで行けると思います。