欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序图片选择、上传到服务器、预览(PHP)

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

微信小程序图片选择、上传到服务器、预览(PHP)

发布时间:2020-11-24  

作者:Y-J-Le,来自原文地址 
小程序实现选择图片、预览图片、上传到开发者服务器上

后台使用的tp3.2 图片上传 
请求时候的header参考时可以去掉(个人后台验证权限使用)

 

小程序前端代码:

 

<view class="section">

<form bindsubmit="bindFormSubmit">

<textarea placeholder="请输入问题内容" name="content"/>

 

 

<view class="">

选择提问图片: <label bindtap="checkimg">点击选择图片</label>

</view>

<view class="">

<image wx:for="{{imglist}}" mode="aspectFit" bindtap="ylimg" data-src="{{item}}" style="width:75px;height:75px;" src=http://www.yiyongtong.com/archives/"{{item}}"></image>

</view>

<button form-type="submit"> 提交 </button>

</form>

</view>

 

小程序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: '内容不能为空',