欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)崿F(xiàn)圖片上傳功能實(shí)例（前端+PHP后端）

 更新時(shí)間：2018年01月10日 10:32:57   作者：下頁(yè)、再停留  
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的相關(guān)內(nèi)容，文中詳細(xì)介紹了前端+PHP后端的示例代碼，對(duì)大家的理解和學(xué)習(xí)具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

前言

幾乎每個(gè)程序都需要用到圖片。下面就來(lái)給大家介紹前端+PHP后端實(shí)現(xiàn)微信小程序?qū)崿F(xiàn)圖片上傳功能，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧。

方法如下：

一、wxml文件

<text>上傳圖片</text>
<view>
<button bindtap="uploadimg">點(diǎn)擊選擇上傳圖</button>
</view>
<image src='{{source}}' style='width:600rpx; height:600rpx' />

二、js文件

Page({
 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {　　//初始化為空
 source:''
 },
/**
 * 上傳圖片
 */
 uploadimg:function(){
 var that = this;
 wx.chooseImage({ //從本地相冊(cè)選擇圖片或使用相機(jī)拍照
  count: 1, // 默認(rèn)9
  sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
  sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有
  success:function(res){
  //console.log(res)
  //前臺(tái)顯示
  that.setData({
   source: res.tempFilePaths
  })
  // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
  var tempFilePaths = res.tempFilePaths
   wx.uploadFile({
   url: 'http://www.website.com/home/api/uploadimg',
   filePath: tempFilePaths[0],
   name: 'file',
   
   success:function(res){
   //打印
   console.log(res.data)
   }
  })
  
  }
 })
 },)}

三、PHP后端代碼

// 上傳圖片
 public function uploadimg()
 {
   $file = request()->file('file');
  if ($file) {
   $info = $file->move('public/upload/weixin/');
   if ($info) {
    $file = $info->getSaveName();
    $res = ['errCode'=>0,'errMsg'=>'圖片上傳成功','file'=>$file];
    return json($res);
   }
  }  
 }

運(yùn)行結(jié)果：

console打印結(jié)果：

此時(shí)表示上傳成功！

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論