ファイル内から画像を選択して投稿メッセージとして投稿する機能を実装したが。。

Question

メッセージの投稿画面内に一緒に画像も投稿できるように実装しました。
そのため画像の選択がない状態でもコメントと画像が送信されるようになってしまいました。

もちろん画像の選択がないためカラの状態です。
実装コードとしては下記になります。

$(function() {
  function buildHTML(message) {
    var addImage = `<img src="${message.image}">`

      var html = `
      <div class="message" data-message-id="${message.id}">
        <div class="upper-message" data-message-id="${message.id}">
          <div class="upper-message__user-name">${message.name}</div>
          <div class="upper-message__date">${message.date}</div>
        </div>
        <div class="lower-meesage">
          <p class="lower-message__content">${message.content}</p>
          ${addImage}
        </div>
      </div>
      `
    return html;
  } 

ちなみにjbuilderの記述に不備はなくjsファイル内のみになると思います。

#調べた結果
if分などを用いて"もし画像の選択がなければ画像の投稿はしない"という意味合いのコード記述が必要になるという考えにまで至ることができました。
ただ調べても適切なコード記述がわからなかっためもしご教授お願いできましたらよろしくお願い致します。

Comments

[Lhankor_Mhy]

画像がないとき、message.image には何が入っているのか、ご提示いただけますか？