最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序?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)文章

  • 一文教你如何像導(dǎo)入JS模塊一樣導(dǎo)入CSS

    一文教你如何像導(dǎo)入JS模塊一樣導(dǎo)入CSS

    HTML中通過(guò)使用css可以讓網(wǎng)頁(yè)的美觀效果更進(jìn)一步,下面這篇文章主要給大家介紹了如何像導(dǎo)入JS模塊一樣導(dǎo)入CSS的相關(guān)資料,文中給出了詳細(xì)的實(shí)例代碼,需要的朋友可以參考下
    2021-09-09
  • 詳解JS判斷頁(yè)面是在手機(jī)端還是在PC端打開的方法

    詳解JS判斷頁(yè)面是在手機(jī)端還是在PC端打開的方法

    這篇文章主要介紹了JS判斷頁(yè)面是手機(jī)端還是在PC端打開的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • Javascript Promise用法詳解

    Javascript Promise用法詳解

    這篇文章主要介紹了Javascript Promise用法詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-05-05
  • 小白談?wù)剬?duì)JS原型鏈的理解

    小白談?wù)剬?duì)JS原型鏈的理解

    這篇文章主要介紹了小白談?wù)剬?duì)JS原型鏈的理解的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • JavaScript 聲明私有變量的兩種方式

    JavaScript 聲明私有變量的兩種方式

    這篇文章主要介紹了JavaScript 聲明私有變量的兩種方式,幫助大家更好的理解和學(xué)習(xí)使用JavaScript,感興趣的朋友可以了解下
    2021-02-02
  • JavaScript類繼承及實(shí)例化的方法

    JavaScript類繼承及實(shí)例化的方法

    這篇文章主要介紹了JavaScript類繼承及實(shí)例化的方法,較為詳細(xì)的分析了javascript擴(kuò)展類、實(shí)例化類及類對(duì)象與成員函數(shù)的使用技巧,需要的朋友可以參考下
    2015-07-07
  • TypeScript裝飾器之項(xiàng)目數(shù)據(jù)轉(zhuǎn)換詳解

    TypeScript裝飾器之項(xiàng)目數(shù)據(jù)轉(zhuǎn)換詳解

    這篇文章主要為大家詳細(xì)介紹了TypeScript項(xiàng)目中是如何進(jìn)行數(shù)據(jù)轉(zhuǎn)換的,文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-10-10
  • JS制作可以選項(xiàng)卡切換的年歷

    JS制作可以選項(xiàng)卡切換的年歷

    這篇文章主要為大家分享了JS制作類似于選項(xiàng)卡切換的年歷,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • js實(shí)現(xiàn)篩選功能

    js實(shí)現(xiàn)篩選功能

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)篩選功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 詳解JavaScript的Symbol類型、隱藏屬性、全局注冊(cè)表

    詳解JavaScript的Symbol類型、隱藏屬性、全局注冊(cè)表

    這篇文章主要介紹了JavaScript的Symbol類型、隱藏屬性、全局注冊(cè)表,本文主要對(duì)其使用方法和使用場(chǎng)景做個(gè)簡(jiǎn)單的介紹,需要的朋友可以參考下
    2022-05-05

最新評(píng)論

赫章县| 大方县| 廊坊市| 万山特区| 如东县| 岱山县| 休宁县| 顺昌县| 鹿邑县| 黑水县| 武隆县| 安化县| 永春县| 陈巴尔虎旗| 哈尔滨市| 福建省| 铁岭市| 松桃| 满洲里市| 宽城| 体育| 龙里县| 四会市| 长宁县| 奉化市| 江阴市| 天等县| 田林县| 资溪县| 特克斯县| 中卫市| 江川县| 满洲里市| 北碚区| 东阿县| 北安市| 仁化县| 济南市| 高陵县| 西平县| 措美县|