许多平台或者网站都支持用户在评论中上传图片,为了用户能更好的上传图片,许多都支持拖拽和剪切板粘贴上传,用起来感觉很酷,在开发我的个人网站的时候也需要这样的功能,在《如何在Laravel项目中轻松实现上传头像功能?》中已经实现了简单的图片上传功能,接下来介绍拖拽和剪切板粘贴上传图片。
效果如下:
拖拽和剪切板上传图片我们使用开源的插件-InlineAttachment,在github上的开源地址:https://github.com/Rovak/InlineAttachment,它可以让我们很轻松的实现拖拽和剪切板粘贴上传图片。
从代码中我们可以看到,我们先将其绑定到我们的textarea上,并且我们设置了uploadUrl项指定了图片上传路由名为uploads.images。
细心的你可能已经发现,我们引用了一个ImageUploadHandler类,这个类的代码在《如何在Laravel项目中轻松实现上传头像功能?》已经发过了,至此拖拽和剪切板粘贴上传图片功能已然完成,效果如下图:
领取专属 10元无门槛券
私享最新 技术干货