微信小程序实现上传照片到服务器，包含删除照片预览照片等功能

最新推荐文章于 2024-04-29 14:51:47 发布

叫我火柴

最新推荐文章于 2024-04-29 14:51:47 发布

阅读量2.1k

点赞数 1

文章标签：微信小程序上传照片到服务器前端开发

本文链接：https://blog.csdn.net/weixin_44283571/article/details/92425870

版权

该博客详细介绍了如何在微信小程序中实现照片上传到服务器，并提供了删除和预览照片的功能，同时限制了上传数量。关键步骤包括使用wx.uploadFile和wx.chooseImage API，参照小程序官方文档进行操作。

摘要由CSDN通过智能技术生成

giao！实现上传照片到服务器,包含删除照片预览照片功能，以及限制上传照片数量。效果图：

在这里插入图片描述

post.js

const app = getApp()
var form_data;
 var psw_vaule = [];
 Page({
    
  data: {
      
   tempFilePaths: [], 
   img_arr: [],
  },
   //上传图片到服务器 
    formSubmit:  function () {
    
       var that = this  
         var adds = that.data.img_arr; 
        for (var i = 0; i < this.data.img_arr.length; i++) {
      
         wx.uploadFile({
         
         url: 'https:***/submit',  //填写实际接口     
          filePath: that.data.img_arr[i],   
            name: 'content',    
            formData: adds,   
            success: function (res) {
      
            console.log(res)   
               if (res) {
         
             wx.showToast({
         
         title: '已提交发布！',  
           duration: 3000      
            });     
          }    
        }    
      })  
     }   
      this