小編給大家分享一下微信小程序中怎樣上傳圖片,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于做網(wǎng)站、網(wǎng)站建設、阿克塞哈薩克族自治網(wǎng)絡推廣、小程序制作、阿克塞哈薩克族自治網(wǎng)絡營銷、阿克塞哈薩克族自治企業(yè)策劃、阿克塞哈薩克族自治品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供阿克塞哈薩克族自治建站搭建服務,24小時服務熱線:18982081108,官方網(wǎng)址:muchs.cn
一、wxml文件
<text>上傳圖片</text> <view> <button bindtap="uploadimg">點擊選擇上傳圖</button> </view> <image src='{{source}}' style='width:600rpx; height:600rpx' />
二、js文件
Page({ /** * 頁面的初始數(shù)據(jù) */ data: { //初始化為空 source:'' }, /** * 上傳圖片 */ uploadimg:function(){ var that = this; wx.chooseImage({ //從本地相冊選擇圖片或使用相機拍照 count: 1, // 默認9 sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有 sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有 success:function(res){ //console.log(res) //前臺顯示 that.setData({ source: res.tempFilePaths }) // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標簽的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); } } }
運行結(jié)果:
console打印結(jié)果:
以上是“微信小程序中怎樣上傳圖片”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文題目:微信小程序中怎樣上傳圖片
分享網(wǎng)址:http://muchs.cn/article22/pisgjc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站營銷、Google、ChatGPT、品牌網(wǎng)站建設、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)