微信小程序开发相关
1.动态加载class
<view class='{{paytypeindex==1? "row": "rowhide"}}' bindtap="searchSupplier">
<label class="required">付款公司</label>
<input placeholder-class="place-holder" placeholder="付款公司" value="{{supplier.item.text}}" readonly="readonly" />
<mp-icon icon="arrow" color="orange" size="{{10}}"></mp-icon>
</view>
2.选取图片js代码
choose: function() { //这里是选取图片的方法
let that = this;
const url= config.order_uploadimgUrl
wx.chooseImage({
count: 9, // 最多可以选择的图片张数,默认9
sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
success: function(res) {
//----------
wx.uploadFile({
filePath: res.tempFilePaths[0],
name: 'ycwx',
url: url,
header: {
'Content-Type': 'multipart/form-data',
},
formData:{
method: 'POST'
},
success:function(upres){
//"{"data":["1_54f71248-37ea-472e-93a7-460be7c69c8a.jpg"],"code":1,"message":""}"
let updata = JSON.parse(upres.data)
if(updata.code===1){
let img=updata.data[0]
let imgs=that.data.imageList
if (that.data.imageList.length <= 8) {
imgs.push({localimg:res.tempFilePaths,simg:img})
that.setData({imageList: imgs})
} else {
wx.showModal({
title: '提示',
content: '一次上传不要超过10张',
})
}
}
},
fail:function(upres){
console.log(upres)
}
})
//----------
console.log("res", res.tempFilePaths);
// let imgs=that.data.imageList
// if (that.data.imageList.length <= 8) {
// imgs.push(res.tempFilePaths)
// that.setData({
// imageList: imgs
// })
// } else {
// wx.showModal({
// title: '提示',
// content: '一次上传不要超过10张',
// })
// }
}
})
},
————————————————
版权声明:本文为CSDN博主「宋军涛」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/songjuntao8/article/details/114071211
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?