Cet article partage principalement avec vous des exemples de développement d'applets WeChat pour télécharger des images, dans l'espoir d'aider tout le monde.
1. Comprendrewx.chooseImage(OBJECT)
2. Programmation du code
Créez le dossier uploadimg dans le fichier pages
1. Écrivez la structure de la page : 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.Définir les données : 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 }) } }) } })
Recommandations associées :
Comment prévisualiser localement lors du téléchargement de photos
Le compte officiel WeChat de développement JS télécharge des photos sur Serveur local
Code d'implémentation de l'image de téléchargement JS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!