作者: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: '内容不能为空',