位置: 编程技术 - 正文
推荐整理分享Laravel中前端js上传图片到七牛云的示例代码(laravel引入css),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:laravel前端开发,laravel前后端分离项目实战,laravel前端开发,laravel后端,laravel前端开发,laravel引入css,laravel引入css,laravel后端,内容如对您有帮助,希望把文章链接给更多的朋友!
以下Laravel中使用浏览器端上传图片到七牛云,下面只是做一些简单的流程实例。
1. 首先引入相应的js文件,下面是通过CDN引入的StaticfileCDN,当然也有其他很多方式下载, bower,git,官网的SDK 七牛js基于Plupload插件封装,所以需要下载Plupload,建议使用 2.1.1 ~ 2.1.9。
2.创建一个选择文件的按钮
3.初始化 uploader
(请确保在执行初始化时,页面已经引入 plupload),这里我们需要一个uptoken上传凭证,这个需要php后端生成提供。一会下面我们来说怎么获取token。
4.后端获取上传凭证token
首先我们先去安装一个七牛的packagist,github地址。
在app/config.php里面添加
然后在config/filesystems.php配置好你的七牛信息
然后在你控制器store方法中写入获取token的代码,一会好让前端用ajax请求获得
5.有了token之后我们继续来完善前端代码
为了理解我们写一个ajax去请求store,当然你也可以在uploader里的uptoken_url属性设置请求地址。
这里差不多就可以啦,更多的操作参考文档七牛云官方js文档
标签: laravel引入css
本文链接地址:https://www.jiuchutong.com/biancheng/289970.html 转载请保留说明!上一篇:使用YII2框架实现微信公众号中表单提交功能(yii框架教程)
下一篇:Laravel实现定时任务的示例代码(laravel定时任务如何实现的)
友情链接: 武汉网站建设