Ella

分享自己所学所知所做。

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

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

(欢迎补充哈……奋斗

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
文章标签: 上传图片  小程序
个人分类: thinkphp5 小程序
上一篇phpstorm 选中竖列文本 ide 纵向选中代码
下一篇tp5 layui 获取富文本内容
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭