编辑弹框预览图标

最新推荐文章于 2023-08-18 13:04:13 发布

原创最新推荐文章于 2023-08-18 13:04:13 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客详细介绍了如何在JavaScript中通过AJAX获取数据，并更新页面上的图片和隐藏输入框的值。代码示例展示了如何在响应成功后，检查图标字段是否非空，然后设置图片的`src`属性和隐藏输入框的`value`。这在前端数据绑定和动态更新界面时非常实用。

https://blog.youkuaiyun.com/programmer188/article/details/112762667
   success: function (res) {
          var item = res.data;
          if (item.icon != null && item.icon != '') {
                 $("#img_view").attr("src", item.icon);
                 $("#img_v").val(item.icon);
            }

edit.html

<div class="layui-form-item">
    <label class="layui-form-label">图标</label>
    <div class="layui-input-inline">
        <div class="layui-upload">
            <button type="button" class="layui-btn" id="img_b"><i class="layui-icon"></i>上传</button>
            <div class="layui-upload-list">
                <img class="layui-upload-img" id="img_view" style="width: 200px;height: 100%;">
                <input hidden id="img_v" name="icon"/>
                <p id="test-upload-demoText"></p>
            </div>
        </div>
    </div>
</div>