首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Laravel项目中轻松实现拖拽和剪切板粘贴上传图片?

许多平台或者网站都支持用户在评论中上传图片,为了用户能更好的上传图片,许多都支持拖拽和剪切板粘贴上传,用起来感觉很酷,在开发我的个人网站的时候也需要这样的功能,在《如何在Laravel项目中轻松实现上传头像功能?》中已经实现了简单的图片上传功能,接下来介绍拖拽和剪切板粘贴上传图片。

效果如下:

拖拽和剪切板上传图片我们使用开源的插件-InlineAttachment,在github上的开源地址:https://github.com/Rovak/InlineAttachment,它可以让我们很轻松的实现拖拽和剪切板粘贴上传图片。

从代码中我们可以看到,我们先将其绑定到我们的textarea上,并且我们设置了uploadUrl项指定了图片上传路由名为uploads.images。

细心的你可能已经发现,我们引用了一个ImageUploadHandler类,这个类的代码在《如何在Laravel项目中轻松实现上传头像功能?》已经发过了,至此拖拽和剪切板粘贴上传图片功能已然完成,效果如下图:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181015A14U5Y00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券