uni-app开发模式中的选择图片(uni.chooseImage)、上传图片(uni.uploadFile)、图片预览(uni.previewImage)
chooseImage(e) {var that = this;uni.chooseImage({//选择图片count: 9, //默认9sizeType: ['original'], //可以指定是原图还是压缩图,默认二者都有sourceType: ['album', 'camera'], //从相册选择、摄像头success: function(res) {选择图片成功的回调const ac
·
chooseImage(e) {
var that = this;
uni.chooseImage({ //选择图片
count: 9, //默认9
sizeType: ['original'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], //从相册选择、摄像头
success: function(res) { 选择图片成功的回调
const accessToken = uni.getStorageSync('accessToken');
const tempFilePaths = res.tempFilePaths;
that.previews.push(...tempFilePaths);
console.log(tempFilePaths)
for (let i = 0; i < tempFilePaths.length; i++) {
const tempFilePath = tempFilePaths[i];
const uploadTask = uni.uploadFile({ //上传图片
url: baseurl + '/credential/info/uploadFile',
filePath: tempFilePath,
name: 'file',
header: {
accessToken: accessToken
},
success: uploadFileRes => {
const res = JSON.parse(uploadFileRes.data);
const checkTableFile = res.data;
if (e == 'f') {
that.fujiantu.push({
"src": checkTableFile.previewPath,
"psrc": tempFilePath
})
console.log(that.fujiantu)
var obj = {};
obj.attachType = "附件图";
obj.attachName = checkTableFile.fileName
obj.fileId = checkTableFile.id;
obj.previewPath = checkTableFile.previewPath;
that.form.list.push(obj) //上传的图片信息
} else if (e == 'j') {
that.jianyitu.push({
"src": checkTableFile.previewPath,
"psrc": tempFilePath
})
var obj = {};
obj.attachType = "检疫票";
obj.attachName = checkTableFile.fileName
obj.fileId = checkTableFile.id;
obj.previewPath = checkTableFile.previewPath;
that.form.list.push(obj) //上传的图片信息
} else {
that.pinzhitu.push({
"src": checkTableFile.previewPath,
"psrc": tempFilePath
})
var obj = {};
obj.attachType = "品质票";
obj.attachName = checkTableFile.fileName
obj.fileId = checkTableFile.id;
obj.previewPath = checkTableFile.previewPath;
that.form.list.push(obj) //上传的图片信息
}
console.log(that.form.list)
}
});
}
}
});
},
// 图片预览
preView(src) {
// var src=this.previews[index];
// console.log(this.previews)
var arrsrc = [];
arrsrc.push(src)
uni.previewImage({
urls: arrsrc, //这里传的必须是数组形式,数组内存放多条图片地址就可以实现滚动预览
longPressActions: { //长时间按压图片后的事件
itemList: ['发送给朋友', '保存图片', '收藏'],
success: function(data) {
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
},
fail: function(err) {
console.log(err.errMsg);
}
}
});
},
更多推荐
已为社区贡献2条内容
所有评论(0)