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

来源:赵克立博客分类: 前端开发标签：js特效 js函数发布时间:2021-06-03 18:09:09最后更新:2021-06-03 18:24:35浏览:692

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/8688.html

更新时间：

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);
    }
}