tp5 、小程序 上传图片 保存入库

原创 2018年04月16日 15:13:28

一个图片路径弄了好久,尴尬,,,,果然,提高的速度太慢了。。。。。。

(欢迎补充哈……奋斗

wxml 代码:

<form bindsubmit='formSub'>
<view style='padding-top:20rpx;'>
<button type="default" size='mini' bindtap="gotoShow" >+添加图片</button>
</view>
<view class='wutu'>
<image class= "show-image" mode="aspectFitf" name="coverurl" bindtap='coverurl'
                src
="{{coverurl}}"></image>
</view>
<view style='padding-top:100rpx; text-align: center;'>
<button size='mini' class='back' bindtap='form' >取消</button>
<button formType='submit' size='mini' class='sub' >提交</button>
</view>
</form>

js 代码:

//获取图片
coverurl:function(e){
var that = this;
that.setData({
coverurl: e.coverurl
})
},
// 添加图片
gotoShow: function () {
var _this = this
wx.chooseImage({
count: 1,
success: function (res) {
wx.uploadFile({
url: 'http://xxx.com/XXX/upload', //为后端上传代码方法
filePath : res.tempFilePaths[0],
name: 'coverurl',
success: function (info) {
_this.setData({
coverurl: info.data,
})
}
}
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
//提交
formSub:function(e){
var that = this;
var url ='http://XXX.com/add' //为后端保存入库代码方法
var tokend = wx.getStorageSync('tokend')
var coverurl = that.data.coverurl;
wx.request({
method: 'POST',
url: 'http://XXX.com/add' + tokend,
data: {
'coverurl':coverurl
},
success: function (res) {
wx.showToast({
title:'提交成功',
icon: 'success',
duration: 2000
})
},
complete: function () {

}
})
},

后端代码:



以下php添加代码 无测试过 我表单东西多 我省略了很多,

就想说,跟平常的添加是一样的道理 所以 你懂得吧。

  public  function  add(){
        $data = input('post.');
        $data['create_time']=time();
         $ID = Db::name('tableName')->insertGetId(['coverurl'=> $data['coverurl'],'create_time'=>$data['create_time']]);         
        if($ID)){               
                 $this->success('新增成功!');         
        }else{                
                $this->error('新增失败!');         
        }
}


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_32723451/article/details/79960700

TP5上传

说道上传,图片上传是最常见的了。比如商城的商品列表页,都有一堆商品提供大家看来让大家参考。有一些网站的新闻都会有缩略图让大家预览。所以为了方便需求,tp也专门做了一个上传相关的功能。关于模板方面还是要...
  • booljiaoyu
  • booljiaoyu
  • 2017-03-01 14:54:23
  • 3624

thinkPHP5.0+小程序商城

环境: TP 5.07 应用项目 核心框架 下载 Composer git 直接下载 PHP 5.6 PostMan(Fd) phpstorm(减少鼠标使用率) 快速切换文件 alt + 左右...
  • qq_33936481
  • qq_33936481
  • 2017-07-17 19:56:17
  • 4964

微信小程序开发(二)图片上传+服务端接收

文/YXJ 地址:http://blog.csdn.net/sk719887916/article/details/54312573 上次介绍了小程序开发中的微信登录。文章: 微信小程...
  • sk719887916
  • sk719887916
  • 2017-01-10 12:04:30
  • 44639

微信小程序上传图片到服务器

这就让我有点懵,不知道该不该写上header~ 再看看代码,感觉没有什么问题,反正调用API来回来去都是那几句话: wx.uploadFile({ url: 'url', ...
  • ulike_MFY
  • ulike_MFY
  • 2017-10-17 10:42:48
  • 1638

tp5 、小程序 上传图片 保存入库

一个图片路径弄了好久,尴尬,,,,果然,提高的速度太慢了。。。。。。(欢迎补充哈……)wxml 代码: &amp;lt;form bindsubmit='formSub'&amp;gt; ...
  • qq_32723451
  • qq_32723451
  • 2018-04-16 15:13:28
  • 30

基于tp5文件上传到七牛云的插件

基于tp5框架的七牛云存储实现,可以方便的实现文件上传,文件管理功能。只需两行代码就能完成一次文件上传 安装方式。使用composer安装,在项目根目录下运行...
  • hayixia606
  • hayixia606
  • 2017-04-25 21:04:44
  • 3286

tp5微信小程序全栈开发五——Rest和RestFul

第五章Rest和RestFul5-1SOAPRepresentational State Transfer:表述性状态转移 Simple Object Access Protocol:使用xml描述...
  • chinalihua
  • chinalihua
  • 2017-11-06 19:42:21
  • 842

微信小程序支付配置文件

  • 2018年04月05日 14:49
  • 15KB
  • 下载

微信<em>小程序</em> 商城源码 构建全栈 <em>TP5</em>框架

用<em>TP5</em>框架构建微信<em>小程序</em>开发,<em>文件</em>里是程序源码,还有配套的视频教程,主讲人是慕课全,如需视频教程请给我私信。
  • 2018年04月17日 00:00

给初学者提供的PHP文件上传小程序

废话略过,直接上代码: 首先前端代码:index.html 文件上传Demo 文件: ...
  • u012587568
  • u012587568
  • 2015-10-15 22:04:33
  • 856
收藏助手
不良信息举报
您举报文章:tp5 、小程序 上传图片 保存入库
举报原因:
原因补充:

(最多只允许输入30个字)