htmlでプレビュー画像が表示される前に表示されているアイコンを消したいです

Question

htmlでプレビュー画像が表示される前に表示されているアイコンを消したいです。
現在Djangoでプレビュー画像を表示させているのですが、プレビュー画像の枠をCSSで書いて画像がアップロードされたらその枠内に画像が収まるという仕様にしたく進めているのですが、
プレビューの表示、枠の設定まではできたのですが、画像が表示される前段階(何も入力されていない状態)で左上にアイコンが表示されてしまいます。
この左上のアイコンを消すにはどうすれば良いのでしょうか？

ちなみに画像がアップロードされたら左上のアイコンは消えます。

        <div class="item-images col-sm-7">
            <label for="file_upload">
                {{ form.image | as_crispy_field }}
                {{ form.image.error }}
            </label>
        </div>

ここから下が実際の表示画面のコードです
<div class="">
<input type="file" name="image" class="preview-marker fileinputwithpreview" accept="image/*" id="id_image" data-target="image-preview" data-initial="">
    <br><img src="" id="image-preview" class="default-preview-img">
        <small id="hint_id_image" class="form-text text-muted">画像の推奨サイズ600×400</small>
</div>

img#image-preview{
	display:inline-block;
	width:600px;
	height:400px;
	border:5px dashed #eee;
}

下記の様なことを実装したいと思っております。

全くわからないので何かアドバイスをいただきたいです。
他に何か必要なコードがあれば追記致しますのでよろしくお願いいたします。

Answer 1

<img src="" id="image-preview" class="default-preview-img">のsrcにアップロード前に表示する画像を指定すればよいのではないでしょうか。

Comments

[Mario_11]

回答していただきありがとうございます！
`src=""`に画像を指定して入れたいのですが、Djangoの`{{ form.image | as_crispy_field }}`を使っているのため`ここから下が実際の表示画面のコードです`のところから自動で生成されてしまいます。

[ForestSeo]

＠Mario_11
django-widget-tweaksを使えばいけます。

[Mario_11]

ありがとうございます！！
調べて進めていきたいと思います！