如何从javascript向页面添加html img，而不是在javascript中硬编码

我使用

ajaxForm

上传图像。成功上传后，我将上传的图像添加到页面上的

div

：

$("#ajaxUploadForm").ajaxForm({
            iframe: true,
            dataType: "json",
...
success: function (result) {
$("#imageList").prepend('<img src=' + result.message + '/>');

$（“#ajaxUploadForm”）.ajaxForm({
伊夫拉姆：是的，
数据类型：“json”，
...
成功：功能（结果）{
$（“#图像列表”）。前缀（“”）；

现在我在想，把这个硬编码的

标记放在javascript代码中是不明智的

---

放置图像但不在prepend（）函数中使用

img

标记的最佳方式是什么？

IMHO这是最佳方式，无需更改任何内容。如果不想动态附加/分离，可以将现有的

img

作为占位符，并在需要更改时更改其

src

属性：

<img id="placeholder" src="initial/path" />

$("#placeholder").attr("src", result.message);

---

IMHO这是最好的方法，不需要更改任何内容。如果不想动态附加/分离，可以将现有的

img

作为占位符，并在需要更改时更改其

src

属性：

<img id="placeholder" src="initial/path" />

$("#placeholder").attr("src", result.message);

---

使用模板。例如：

<div style="display:none">
  <!-- This div contains all your templates -->
  <img src="about:blank" class="classesYouNeed" id="uploadSuccess">
</div>

---

有一些jQuery模板框架可以让这变得更容易。

使用模板。例如：

<div style="display:none">
  <!-- This div contains all your templates -->
  <img src="about:blank" class="classesYouNeed" id="uploadSuccess">
</div>

---

有一些jQuery模板框架可以让这变得更容易。

我不会有任何问题……除非您担心无效的url会破坏标记

您可以使用简单的javascript

var img=newimage（）；
img.src=result.message；
$（“#图像列表”）.prepend（img）；

我不会有任何问题……除非您担心无效的url会破坏标签

您可以使用简单的javascript

var img=newimage（）；
img.src=result.message；
$（“#图像列表”）.prepend（img）；

如果克隆，则需要更改ID。如果克隆，则需要更改ID。