我想将图像作为元素添加到我的网页中。我无法这样做。有关于如何预览图像的说明,但我无法找到解决方案。使用javascript添加图像为div
我想要做的是在网页中添加一个带有图片的div,并不断载入不同的图片。因此,在添加图像1后,我会在图像1下载入同一网页中的图像2。
HTML机身码:
<input type='file' id='getval' /><br/><br/>
<span onclick="readURL()" class="addBtn">Add</span>
<div id="myUL"></div>
javascript代码:
<script type="text/javascript">
// grabs image
var file = document.createElement('image');
file.src = document.getElementById('getval').files[0];
// creates div & assigns id
var div = document.createElement('div');
div.id = 'item';
// adds file to div
file.type = 'image';
div.appendChild(file);
//adds item
document.getElementById("myUL").appendChild(div);
}
</script>
EDIT1 * 我认为加上我要显示将是HTML文档中更好的代码的输出。
的JavaScript生成HTML代码里面的文件:在line
<div style="background-image":url("image");"><div>
谢谢,但这不是我要求的。我询问了可以作为新的个人元素加载到网页中的图像。 – user3435505
@ user3435505:我想更新我的答案吗? – C2486
是的请〜有其他地方发布的内容的脚本,我从其他帖子中获得了我的代码库,并尝试修改代码以符合我的需求。但是,我无法这样做:( – user3435505