300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > PHP实现微信小程序上图片选择及上传到服务器和预览

PHP实现微信小程序上图片选择及上传到服务器和预览

时间:2023-08-19 11:16:55

相关推荐

PHP实现微信小程序上图片选择及上传到服务器和预览

后端开发|php教程

微信小程序图片选择并上传到服务器,小程序选择图片预览并上传

后端开发-php教程微信小程序图片选择、上传到服务器、预览(PHP)实现实例

手游网站源码,原装ubuntu系统下载,担保公司 爬虫业务,.= php,seo 发文章lzw

小程序实现选择图片、预览图片、上传到开发者服务器上

asp商城源码推荐,ubuntu时钟不生效,爬虫检测水军投票,type()php,.net seo计费lzw

后台使用的tp3.2 图片上传

微信性格标签源码,vscode的介绍,ubuntu gtl,怎么学习tomcat,sqlite软件怎么建表,小程序diy插件,现在有哪些好用的前端框架,python爬虫常用技术有哪些,php购物商城,西藏360 seo优化,国外儿童社区网站模板,网页源文件查询,绿色的动漫电影网站模板免费下载lzw

请求时候的header参考时可以去掉(个人后台验证权限使用)

小程序前端代码:

选择提问图片:

小程序js代码:

data: { imglist:[] },/** * form提交事件 */ bindFormSubmit:function(e){ self=this //图片 var imglist = self.data.imglist //提问内容 var content=e.detail.value.content; if(content==\){ wx.showToast({title: 内容不能为空,icon: loading,duration: 1000,mask:true }) } wx.showLoading({ title: 正在提交..., mask:true }) //添加问题 wx.request({ url: https://xxxxxxxxxx/index.PHP?g=user&m=center&a=createwt, data: {content:content }, method: GET, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT header: app.globalData.header, // 设置请求的 header success: function (res) {// successif(typeof(res.data)== umber){if (imglist != \) { //开始插入图片 for(var i=0;i=imglist.length){ self.setData({ imglist:[] }) wx.hideLoading(); wx.showToast({ title: 提问成功, icon: success, duration: 2000, mask: true }) wx.navigateBack({ delta: 1 })} } }) } console.log(imglist);}else{ wx.hideLoading(); wx.showToast({ title: 提问成功, icon: success, duration: 2000, mask: true }) wx.navigateBack({ delta: 1 })}}else{wx.hideLoading();wx.showToast({ title: res.data, icon: loading, duration: 1000, mask: true})} }, fail: function (res) {self.onLoad(); } }) }, //点击选择图片 checkimg:function(){ console.log(点击选择图片); self=this wx.chooseImage({ count: 9, // 默认9 sizeType: [original, compressed], // 可以指定是原图还是压缩图,默认二者都有 sourceType: [album, camera], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) {// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片var tempFilePaths = res.tempFilePathsself.setData({imglist:tempFilePaths}) } }) }, //点击预览图片 ylimg:function(e){ wx.previewImage({ current: e.target.dataset.src, urls: this.data.imglist // 需要预览的图片http链接列表 }) }

php后台代码

//图片上传

public function upload(){if(IS_POST){$upload = new \Think\Upload();// 实例化上传类$upload->maxSize = 3145728 ;// 设置附件上传大小$upload->exts = array(jpg, gif, png, jpeg);// 设置附件上传类型$upload->rootPath = ./Uploads/; // 设置附件上传根目录$upload->savePath = \; // 设置附件上传(子)目录// 上传文件 $info = $upload->upload();if(!$info) {// 上传错误提示错误信息 $this->error($upload->getError());}else{// 上传成功 获取上传文件信息//插入到数据库中}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。