微信小程序上传并显示图片

最新推荐文章于 2025-05-22 09:38:38 发布

句号（在IT行业摸爬滚打）

最新推荐文章于 2025-05-22 09:38:38 发布

阅读量1.4k

点赞数 9

CC 4.0 BY-SA版权

分类专栏：微信小程序初学者进阶联盟文章标签：微信小程序小程序上传图片

本文链接：https://blog.youkuaiyun.com/tl437002770/article/details/135604720

微信小程序初学者进阶联盟专栏收录该内容

36 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了如何在微信小程序中实现图片上传和显示的功能。通过调用wx.chooseMedia API，选择图片来源（相册或拍照），并展示上传后的图片。代码包括.wxml、.wxss和.js文件。了解更多微信小程序开发技巧，可以关注、评论或私信博主。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果：

上传前显示：

点击后可上传，上传后显示：

源代码：

.wxml

<view class="{
  
  {company_logo_src==''?'blank-area':''}}" style="position:absolute;top:30rpx;right:30rpx;height:100rpx;width:100rpx;text-align:center;font-size:xx-small" bind:tap="upload_company_logo">
  <image wx:if="{
  
  {company_logo_src!=''}}" src="{
  
  {company_logo_src}}" style="height:100rpx;width:100rpx;"/>
  <label wx:if="{
  
  {company_lo

了解本专栏