title: how to use java script to display url photo
body: <pre><code>fetch(&quot;wig1.json&quot;).then(
              res=&gt;{
                  res.json().then(
                      data=&gt;{
                          console.log(data);
                          if(data.length &gt; 0){
                              var tmp = '';
                              data.forEach((u)=&gt;{
                                  tmp +=&quot;&lt;tr&gt;&quot;;
                                  tmp += &quot;&lt;td&gt;&lt;img src=&quot;+u.PLink +&quot;&gt;&lt;/td&gt;&quot;
                                  tmp += &quot;&lt;td&gt;&quot;+u.Name+&quot;&lt;/td&gt;&quot;;
                                  tmp += &quot;&lt;td&gt; &lt;a href=&quot;+u.link+&quot;&gt;here&lt;/a&gt;&lt;/td&gt;&quot;;
                                  tmp += &quot;&lt;td&gt;$&quot;+u.Nprice+&quot;&lt;/td&gt;&quot;;
                                  tmp += &quot;&lt;td&gt;$&quot;+u.Oprice+&quot;&lt;/td&gt;&lt;/tr&gt;&quot;;
                              })
                              document.getElementById(&quot;data&quot;).innerHTML = tmp;
                          };
                      }
                  )
              }
          )
  </code></pre>
  <p>I have the picture url inside my json file and I am going to display the picture using javascript in my html
  Yet, after I run my code the picture become a picture icon
  How can I fix this problem?</p>