国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 圖片上傳實例詳解

2019-11-19 16:39:45
字體:
來源:轉載
供稿:網友

一.了解wx.chooseImage(OBJECT)


二.代碼編程

在pages文件里面創建uploadimg文件夾

1.編寫頁面結構:uploadimg.wxml

<view class="container" style="padding:1rem;">   <button type="primary"bindtap="chooseimage">獲取圖片</button>    <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/>  </view>


2.設置數據:uploadimg.js

//獲取應用實例  var app = getApp()  Page({   data: {      tempFilePaths: '',    },   /**     * 上傳圖片    */   chooseimage: function () {      var _this = this;      wx.chooseImage({        count: 1, // 默認9        // 可以指定是原圖還是壓縮圖,默認二者都有        sizeType: ['original', 'compressed'],        // 可以指定來源是相冊還是相機,默認二者都有       sourceType: ['album', 'camera'],       // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標簽的src屬性顯示圖片         success: function (res) {               _this.setData({           tempFilePaths:res.tempFilePaths          })        }      })    }  }) 


感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 长乐市| 甘孜县| 大厂| 太原市| 保德县| 香河县| 福州市| 交城县| 新安县| 金湖县| 公主岭市| 泌阳县| 巴林左旗| 宜宾县| 甘泉县| 高碑店市| 广安市| 大厂| 龙口市| 尼玛县| 福鼎市| 昔阳县| 桐庐县| 镇宁| 涡阳县| 新乡市| 屏东市| 天峨县| 滨海县| 驻马店市| 祁连县| 五大连池市| 迁西县| 安宁市| 榆林市| 梧州市| 陵川县| 全州县| 壤塘县| 伊宁市| 义马市|