小程序模板網(wǎng)

微信小程序圖片選擇、上傳到服務(wù)器、預(yù)覽(PHP)

發(fā)布時(shí)間:2018-04-18 10:35 所屬欄目:小程序開發(fā)教程

作者:Y-J-Le,來自原文地址 
小程序?qū)崿F(xiàn)選擇圖片、預(yù)覽圖片、上傳到開發(fā)者服務(wù)器上

后臺(tái)使用的tp3.2 圖片上傳 
請求時(shí)候的header參考時(shí)可以去掉(個(gè)人后臺(tái)驗(yàn)證權(quán)限使用)

 

小程序前端代碼:

 

				
  1. <view class="section">
  2. <form bindsubmit="bindFormSubmit">
  3. <textarea placeholder="請輸入問題內(nèi)容" name="content"/>
  4.  
  5.  
  6. <view class="">
  7. 選擇提問圖片: <label bindtap="checkimg">點(diǎn)擊選擇圖片</label>
  8. </view>
  9. <view class="">
  10. <image wx:for="{{imglist}}" mode="aspectFit" bindtap="ylimg" data-src="{{item}}" style="width:75px;height:75px;" src="{{item}}"></image>
  11. </view>
  12. <button form-type="submit"> 提交 </button>
  13. </form>
  14. </view>
 

小程序js代碼:

 

				
  1. data: {
  2. imglist:[]
  3. },
  4. /**
  5. * form提交事件
  6. */
  7. bindFormSubmit:function(e){
  8. self=this
  9. //圖片
  10. var imglist = self.data.imglist
  11. //提問內(nèi)容
  12. var content=e.detail.value.content;
  13. if(content==''){
  14. wx.showToast({
  15. title: '內(nèi)容不能為空',


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/23659.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×