HTML画像のアップロードおよび画像のロードに失敗した場合のデフォルト画像の使用

2037 ワード

ユーザーのアイコンをロードする必要がある場合があります.ユーザーがアイコンをアップロードしたことがないか、ロードに失敗した場合、デフォルトの画像をロードする必要があります.それは簡単です.以下のようにします.
<img src="        " onerror="this.src='      '">

では、どのようにして画像をアップロードするフォームを作りますか?以下のように簡単です.
<form action="       api   " method="post" role="form" onsubmit="         " enctype="multipart/form-data">
    <img src="        " onerror="this.src='      '">
    <input type="file" name="image">
    <button type="submit">    button>
form>
enctype="multipart/form-data"は、フォームにピクチャファイルが存在する場合に追加する必要があるがデフォルトのアップロードファイルのフォームコンポーネントです.