微信小程序上传(微信小程序上传图片功能实现)

微信小程序上传图片功能,后台asp.net 2020.09.11优化了部分功能 JS: // 删除图片 clearImg:function(e){ var nowList = [];//新数据 var uploaderList = this.data.uploaderList;//原数...

微信小程序上传图片功能,后台asp.net

2020.09.11优化了部分功能

JS:

// 删除图片

clearImg:function(e){

var nowList = [];//新数据

var uploaderList = this.data.uploaderList;//原数据

for (let i = 0; i < uploaderList.length;i++){

if (i == e.currentTarget.dataset.index){

continue;

}else{

nowList.push(uploaderList[i])

}

}

this.setData({

uploaderNum: this.data.uploaderNum - 1,

uploaderList: nowList,

showUpload: true

})

},

//展示图片

showImg:function(e){

var that=this;

wx.previewImage({

urls: that.data.uploaderList,

current: that.data.uploaderList[e.currentTarget.dataset.index]

})

},

//选择图片

upload: function(e) {

var that = this;

wx.chooseImage({

count: 3 - that.data.uploaderNum, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

success: function(res) {

// console.log(res)

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

let tempFilePaths = res.tempFilePaths;

let uploaderList = that.data.uploaderList.concat(tempFilePaths);

if (uploaderList.length>=3){

that.setData({

showUpload:false

})

}

that.setData({

uploaderList: uploaderList,

uploaderNum: uploaderList.length,

})

}

})

},

//上传图片并更新DB

uploadImg: function (openid) {

var that = this;

//上传图片

for (var index in this.data.uploaderList) {

console.log(this.data.uploaderList);

wx.uploadFile({

url: 'https://域名:端口/Repair.aspx',

filePath: that.data.uploaderList[index],

name: 'uploadfile',

header: {

'content-type': 'multipart/form-data'

}, // 设置请求的 header

formData: {

'openid': openid

}, // HTTP 请求中其他额外的 form data

success: function (res) {

console.log(res.data)

},

fail: function (res) {

// console.info(res)

}

})

}

},

后台asp.net

public void UploadFile()

{

HttpPostedFile file = Request.Files["uploadfile"];

if (file != null)

{

try

{

string extName = System.IO.Path.GetExtension(file.FileName);

if (extName != ".jpeg" && extName != ".gif" && extName != ".jpg" && extName != ".png")

{

Response.Write("文件格式不合法!");

return;

}

string uploadImgName = "/Upload/" + Guid.NewGuid().ToString() + file.FileName;

file.SaveAs(Request.MapPath(uploadImgName));

Response.Write("上传成功!");

}

catch (Exception ex)

{

Response.Write(ex.Message);

}

}

else

{

Response.Write("null");

}

}

微信小程序上传图片功能实现

  • 发表于 2024-10-09 08:33:57
  • 阅读 ( 161 )
  • 分类:科技

0 条评论

请先 登录 后评论
蹇小平
蹇小平

265 篇文章

你可能感兴趣的文章

相关问题