从品牌网站建设到网络营销策划,从策略到执行的一站式服务
不知你是否说的是 elment-ui框架的 el-upload 组件,如果是的话,可按如下步骤实现:
目前成都创新互联已为1000+的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、彭泽网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
首先在vue文件中定义一段 el-upload代码段,如下图:定义一个http-request属性
el-upload上传组件代码
在http-request属性中调用一个定义的方法,方法中执行图片上传到php后端的操作,可以用 axios 调用php后端api执行上传,注意上传文件之前要 new FormData(),因为是表单上传,将文件 append到 formData中。
上传组件调用方法
php后端接口就能接收到数据了,就可以用 $__FILE['filename'] 这样的格式来接收到数据了
以上就是 el-upload组件和php进行交互的步骤,如果觉得有用请 采纳并点个关注!
前端用vue-router管理路由,用ajax不起作用了,那该怎么和PHP通信前端用vue-router管理路由,用ajax不起作用了
你都说了是前后端分离,就不需要把vue嵌套php代码里。前后端用纯接口交换数据,找后端同事定义好restful接口,清楚返回的数据结构,接下来前端这块你就可以自己mock数据进行开发了。
至于如何搭建环境,看你也是个新手,还是直接用vue-cli,基本满足你的开发需求。记得打包的时候,npm run build一下,打包好的文件夹就是后台那边需要的。
前端一点都不懂后台,这是简直不可想象的,劝你有时间还是要了解下后台的基本概念。
这样解决就可以了,简单粗暴,个人建议还是去后盾网去经常看看教学视频学习学习吧
thinkphp作为服务端,为客户端提供数据。而Vue是客户端的一个JavaScript框架。便于我们对页面进行处理。
一般情况下,vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。
当获取到thinkphp回传的数据后,将会自动的把数据对应的呈现在网页上。 你看过后很简单吧以后不会可以向我一样经常到后盾人找找相关教材看看就会了,希望能帮到你,给个采纳吧谢谢(⁄ ⁄•⁄ω⁄•⁄ ⁄)
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图