复制富文本或图片粘贴到输入框中

来源:赵克立博客 分类: 前端开发 标签:js特效js函数发布时间:2021-06-03 18:09:09最后更新:2021-06-03 18:24:35浏览:126
版权声明:
本文为博主原创文章,转载请声明原文链接...谢谢。o_0。
更新时间:
2021-06-03 18:24:35
温馨提示:
技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

使用如下函数绑定输入框,即可解析出里面的图片链接设置到表单中

/**
 * 复制富文本图片,解析出链接
 * @param id
 */
function bindHtmlImgParse(id) {
    var obj = document.getElementById(id);
    if (!obj) {
        return;
    }
    obj.placeholder = "可复制带图片的富文本粘贴";
    obj.onpaste = function (e) {
        var html = e.clipboardData.getData('text/html');
        var re = /<img.*?src=['|"](.*?)['|"].*?>/g;
        var str = '';
        while (result = re.exec(html)) {
            if (!single) {
                if (str) {
                    str += ',' + result[1];
                } else {
                    str = result[1];
                }
            } else {
                str = result[1];
            }
        }
        var obj = $('#' + id);
        //延时设置,清空原有文本
        setTimeout(function () {
            obj.val(str);
            obj.change();
        }, 500);
    }
}

2106031622715869471647.gif


微信号:kelicom QQ群:215861553 紧急求助须知
点击更换验证码
Win32/PHP/JS/Android/Python