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