javascript - 如果实现输入时可以输入图片-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 如果实现输入时可以输入图片

高洛峰 2017-04-10 15:44:28

[JavaScript讨论组]

663

如图，可以修改输入图片，这是怎么实现的，还请代码提示

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(2)

伊谢尔伦2017-04-10 15:46:28 2楼

粘贴图片？可以用这个库，https://github.com/layerssss/paste.js

$("#edit").pastableTextarea();
        $('#edit').on('pasteImage', function(ev, data){
            var blobUrl = URL.createObjectURL(data.blob);
            //$('<p class="result">image: ' + data.width + ' x ' + data.height + '<img src="' + data.dataURL +'" ><a href="' + blobUrl + '">' + blobUrl + '</p>').insertAfter(this);
            edit = $('#edit').val();
            $("#edit").val(edit+"\r![image](http://127.0.0.1:8080/static/images/logo.png)\r");
            console.log(blobUrl);
            console.log(data);
        });

注意使用高级浏览器调试