博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 - 上传和下载图片到服务器
阅读量:6990 次
发布时间:2019-06-27

本文共 1785 字,大约阅读时间需要 5 分钟。

  hot3.png

微信小程序有着强大的API,提供了小程序的上传和下载,那么我在此分享一下。

首先要注意不管上传还是下载都要在微信公众平台设置小程序上传、下载的合法域名!

点击设置 - 开发设置,可以看到服务器域名,点击修改,设置一下你的上传、下载合法域名, 否则会报错。

b743c88f7e1e9fdd5896edc670bb3c8300f.jpg

1、将本地资源上传到开发者服务器,可参考 API:

直接贴代码:这里只示例上传一张图片,若上传多张根据业务循环调用即可。(或者设置计数flag等于图片数组长度则上传完成否则继续调用上传函数,思路和循环相同)

wx.chooseImage({            count: 1, // 默认9            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有            success: function (res) {              // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片              var tempFilePaths = res.tempFilePaths;              wx.uploadFile({                url: 'https://...',      //仅为示例,非真实的接口地址              filePath: tempFilePaths[0],                name: 'img',                header: {                    "Content-Type": "multipart/form-data",                  'accept': 'application/json'              },                formData:{                  'user':'test'  //其他额外的formdata,可不写                },                success: function(res){                  console.log(res);                }              })            }          })

2、 下载文件资源到本地可参考 API:

直接贴代码:这里我选择将下载的视频保存相册文件中,因为下载成功后返回文件的本地临时路径 ,如需持久保存,需在主动调用 ,才能在小程序下次启动时访问得到。

wx.downloadFile({      url: 'https://...', //下载资源的 url      success: function (res) {        if (res.statusCode === 200) {          //保存文件到本地          wx.saveFile({            tempFilePath: res.tempFilePath,            success: function (res2) {              //保存视频到系统相册              wx.saveVideoToPhotosAlbum({                filePath: res2.savedFilePath,                success(res3) {                  console.log( res3)                }              })            }          })        }      }    })

 

水平有限,若有问题请留言交流!

互相学习,共同进步 :) 转载请注明出处谢谢!

转载于:https://my.oschina.net/hp2017/blog/1831410

你可能感兴趣的文章
Office365 SKU-1
查看>>
通过JDBC向数据库中存储&读取Blob数据
查看>>
2019年我国云计算行业存在的问题和发展趋势
查看>>
内置模块(二)
查看>>
C编程技巧
查看>>
week5
查看>>
Unity3D常用网络框架与实战解析 学习
查看>>
继承(原型链继承)
查看>>
如何利用 Visual Studio 自定义项目或工程模板(转载)
查看>>
java.lang.Object底层代码分析-jdk1.8
查看>>
获取函数所在模块的方法
查看>>
QtTableView
查看>>
Android应用开发基础--Adapter
查看>>
条件随机场
查看>>
别人要访问我的电脑上部署的tomcat,必须关闭防火墙吗?
查看>>
作业六
查看>>
c++ 二叉树打印节点路径
查看>>
ios--编码规范
查看>>
JsCV Core v0.2发布 & Javascript图像处理系列目录
查看>>
MVC中实现部分内容异步加载
查看>>