js 添加图片

原创于 2016-08-24 11:43:38 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

8 篇文章

订阅专栏

JQuery

6 篇文章

订阅专栏

本文主要介绍了如何使用JavaScript动态地在HTML中添加图片，包括创建img元素，设置src属性以及将其插入到DOM中的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

view - html

 <div class="col-sm-12">
                            <div class="form-group">
                                <label for="tcicon">图标<a id="reseticon">重置</a></label>
                                <input id="tcicon" type="file" name="icon" class="form-control">
                                <input id="tciconsrc" type="hidden" name="icon" class="form-control">
                            </div>
                        </div>

-js

postflag = true;
    initFileInput("tcicon", "<{spUrl c=proxytc a=uploadicon}>", "");
    $("#tcicon").on("fileuploaded", function(event, data, previewId, index) {
        var code = data.response.code;
        if (code == "0") {
            $("#tciconsrc").val(data.response.url);
        } else {
            layer.msg(data.response.message, {icon: 5, closeBtn: 1, shadeClose: true});
            $('#tcicon').fileinput('reset');
        }
    });
    $('#tcicon').on('filecleared', function(event) {
        $("#tciconsrc").val("");
    });