当前位置: 首页 新闻详细

微信小程序实现多张图片上传、删除图片,微信小程序如何上传图片到ERP系统中?

专业小程序设计开发——助力新电商新零售

电话+V:159999-78052,欢迎咨询微信小程序图片上传服务,[小程序设计与开发],[小程序投流与推广],[小程序后台搭建],[小程序整套源码打包],[为个体及小微企业助力],[电商新零售模式],[小程序运营推广及维护]

一、微信小程序实现多张图片上传、删除图片

在微信小程序的开发过程中,我遇到了一个任务,需要实现用户上传多张图片并能删除图片的功能。我首先尝试使用了小程序的内置组件mp-uploader,但其删除图片功能并不符合我的需求,所以我转向了wx.chooseImage来获取用户选择的图片,并通过uplaodFile接口将图片发送到服务器。

在wxml文件中,我编写了代码来展示用户选择图片的部分,而在wxss中,我为这部分样式进行了相应的调整。接着,我编写了JavaScript代码,这部分代码的核心是处理用户选择图片的逻辑,包括上传和删除操作。

以下是我实现这一功能的具体代码片段:

选择图片

删除图片

/*样式代码...*/

Page({

data:{

imageUrl:'',

images:[]

},

//选择图片方法

chooseImages:function(){

wx.chooseImage({

count:9,//设置最多选择9张

success:function(res){

this.setData({

images:res.localIds,

imageUrl:res.tempFilePaths[0]

});

//发送图片到服务器

sendFiles(res.localIds);

}

});

},

//删除图片方法

deleteImage:function(){

constindex=this.data.images.indexOf(this.data.imageUrl);

if(index>-1){

this.data.images.splice(index,1);

this.setData({imageUrl:this.data.images[0]||''});

//删除服务器对应图片

deleteFromServer(index);

}

},

//其他相关接口...

})

二、如何在微信群相册里上传图片?

微信是现在十分常用的一款社交软件,有些新用户不知道手机微信如何创建群相册并上传图片,接下来小编就给大家介绍一下具体的操作步骤。

具体如下:
微信小程序图片上传服务

1.首先第一步先打开手机微信,接着根据下图箭头所指,搜索并点击【群相册服务】小程序。

2.第二步打开小程序后,根据下图箭头所指,点击【开始使用】选项。

3.第三步根据下图箭头所指,点击【发给群友创建群相册】选项。

4.第四步在跳转的页面中,先按照需求选择群聊,接着根据下图箭头所指,点击【发送】选项。

5.第五步进入【群相册服务】页面后,根据下图箭头所指,点击【+】号图标。

6.最后在弹出的菜单栏中,根据下图箭头所指,先点击【上传图片】选项,接着按照需求上传相册图片即可。

微信小程序如何上传图片到ERP系统中?

原创2024-01-2108:33·巨灵鸟ERP使用过ERP系统的用户会提出一个问题,我的员工对产品不熟悉,能不能用手机拍产品图片然后自动上传到ERP系统中,员工可以在ERP系统中看到产品图片。

做外贸的公司会很需要这个功能,因为给客户做报价单的时候就需要产品图片。

在ERP系统中上传图片也是可以的,但使用手机拍照直接上传会更加方便。

1分钟后会同步到PC端ERP系统中,所有客户端都能看到

剩下就是图片在ERP系统中的使用了

销售订单显示图片

采购单显示图片

请购单显示图片

销售发货单显示图片

总结:使用手机与ERP系统协同能大大提高工作效率。另外,手机端拍照通常只有几百k的图片大小,上传速度快,在电脑端浏览图片也不会有卡顿。

后续我们会持续改进手机端图片功能,比如每个商品允许保存多张图片、允许对图片进行编辑比如旋转、缩放、剪切等功能,目的就是让软件更加智能。?

【WINDRISES MINIPROGRAM PROMOTION】尊享直接对接老板

电话+V: 159999-78052

专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题

微信小程序图片上传服务
发布人:wen8410 发布时间:2024-09-10