微信小程序mp-uploader上传多图至云开发存储（附普通云开发上传方式）

原创

已于 2022-05-12 00:34:49 修改 · 2.9k 阅读

标签

#小程序

收录于

于 2021-09-03 01:32:02 首次发布

本文介绍了如何在微信小程序中使用mp-uploader组件实现图片上传，包括文件过滤、压缩上传、上传成功和失败处理。同时涵盖了使用微信云存储进行图片持久化的详细步骤。

<mp-cells>
<mp-cell>
<mp-uploader 
	files="{
    
    {files}}"  
	max-count="{
    
    {maximgs}}" 
	max-size="{
    
    {10 * 1024 * 1024}}" 
	title="图片上传" 
	tips="最多上传三张图片"
	size-type="{
    
    {sizeType}}" 
	sourceType="{
    
    {sourceType}}" 
	delete="{
    
    {true}}" 
	select="{
    
    {selectFile}}" 
	upload="{
    
    {uplaodFile}}"
	binddelete="delimg"
	bindfail="uploadError" 
	bindsuccess="uploadSuccess" 
></mp-uploader>
</mp-cell>
</mp-cells>

// pages/default/default.js
const app = getApp()
Page({
   
   
  data: {
   
   
    //mp-uploader
    maximgs:5,//最大上传数
    files: [],  //上传组件绑定的文件urls
    sizeType: ['compressed'], //压缩上传,可以是['original', 'compressed']
    sourceType: ['album', 'camera'], //相册,或拍照