添加图片按钮---默认放在最后----js的prepend

最新推荐文章于 2023-05-11 12:11:53 发布

原创最新推荐文章于 2023-05-11 12:11:53 发布 · 590 阅读

0 ·

CC 4.0 BY-SA版权

微信开发专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在前端实现图片预览的方法，并演示了如何通过JavaScript动态插入HTML元素来展示图片及其操作按钮，如删除等。

url = '<div class="imgDiv" id="' + imgId + '" style="float: left"><img src="' + array[i] + '" style="width: 100px;height: 100px;margin: 0 3px;" alt="图片" onclick="preImg(\'' + array[i] + '\')">' +

                            '<a href="#"><img src="/resources/images/mobile/delete.png" onclick="deleteImg(\'' + array[i] + '\',\'' + j + '\')" class="delete" id="delete"/></a></div>';
$(".images").prepend(url);//本地预览选择的图片

append是默认放在最后的