微信小程序上传图片/文件

水深无声 2022-12-18 11:53 160阅读 0赞

### 微信官方文档有提供上传文件方法：  ###

### wx.chooseMessageFile(Object object) ###

> 基础库 2.5.0 开始支持，低版本需做[兼容处理][Link 1]。

从客户端会话选择文件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70][]

### 主要通过改变type的值来选择需要上传的类型，需要在真机上试验  ###

如下为上传图片：

wx.chooseMessageFile({
      count: 10,
      type: 'image',
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFiles
      }
    })

详见文档：[https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseMessageFile.html][https_developers.weixin.qq.com_miniprogram_dev_api_media_image_wx.chooseMessageFile.html]

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70]: /images/20221122/ad0ee83c0b41442ab5c4ac37daff03ed.png
[https_developers.weixin.qq.com_miniprogram_dev_api_media_image_wx.chooseMessageFile.html]: https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseMessageFile.html

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序实现上传多张图片，删除图片

最近在做微信小程序，遇到上传多张图片到服务器，计算上传图片的张数，并且可以手动删除图片，下面是效果图效果图： ![20200609145904640.png][] 本

Bertha 。/ 2023年02月16日 09:25/ 0 赞/ 89 阅读

相关微信小程序上传图片/文件

微信官方文档有提供上传文件方法： wx.chooseMessageFile(Object object) > 基础库 2.5.0 开始支持，低版本需做[兼容处理]

水深无声/ 2022年12月18日 11:53/ 0 赞/ 161 阅读

相关小程序php上传图片失败,微信小程序上传图片 thinkphp5.0

今天做小程序图片上传，后台接收数据的时候，前端遇到了一个问题，如下： uploadFile:fail Error: unable to verify the first ce

「爱情、让人受尽委屈。」/ 2022年11月17日 14:47/ 0 赞/ 315 阅读

相关微信小程序上传图片和文件

-------------------- 要有遥不可及的梦想，也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮) ----

桃扇骨/ 2022年11月06日 12:51/ 0 赞/ 200 阅读

相关微信小程序上传图片文件小程序+Java

小程序代码： chooseImage(){ wx.chooseImage({ success: function (res)

我会带着你远行/ 2022年05月11日 05:34/ 0 赞/ 288 阅读

相关微信小程序上传图片

//添加图片 joinPicture: function (e) { var index = e.currentTarget.dataset

痛定思痛。/ 2021年09月17日 03:02/ 0 赞/ 543 阅读

相关微信小程序开发—(四)上传图片

一.了解[wx.chooseImage(OBJECT)][wx.chooseImage_OBJECT] ![20170502145924623][] 二.代码编程在pa

﹏ヽ暗。殇╰゛Y/ 2021年09月12日 06:20/ 0 赞/ 467 阅读

相关微信小程序实现上传图片功能

效果图 ![20200910114833695.jpg][]![20200910114940709.jpg][]![20200910115003858.jpg][]

今天药忘吃喽~/ 2021年09月02日 04:04/ 0 赞/ 550 阅读

相关微信小程序实现多张图片上传

//app.js uploadimg(data) { var that = this, i = data.i ? data.i

た入场券/ 2021年07月24日 23:15/ 0 赞/ 481 阅读

相关微信小程序单张本地图片上传，拍摄图片上传

wxml <button bindtap="upimg" class='jia_img' >上传</button> <image src="{

阳光穿透心脏的1/2处/ 2021年07月24日 17:20/ 0 赞/ 539 阅读