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