uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera'], //拍照 success: function (res) { console.log(res.tempFiles[0]); debugger that.uploadSuccess(res.tempFiles[0]) } }); 如何传值才能获取 uid
时间: 2024-04-16 11:28:05 浏览: 146
要传递uid值以获取它,你可以在uni.chooseImage()方法的success回调函数中添加一个额外的参数,然后将uid值作为该参数传递给uploadSuccess()方法。以下是示例代码:
```
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['camera'],
success: function(res) {
console.log(res.tempFiles[0]);
debugger;
// 传递uid值作为参数给uploadSuccess方法
that.uploadSuccess(res.tempFiles[0], uid);
}
});
```
然后,你可以在uploadSuccess()方法中接收这个uid参数并使用它。这样,你就可以在获取到图片之后访问uid值了。
相关问题
handleChooseImg() { // 2 调用小程序内置的选择图片api wx.chooseImage({ // 同时选中的图片的数量 count: 9, // 图片的格式 原图 压缩 sizeType: ['original', 'compressed'], // 图片的来源 相册 照相机 sourceType: ['album', 'camera'], success: (result) => { this.setData({ // 图片数组 进行拼接 chooseImgs: [...this.data.chooseImgs, ...result.tempFilePaths] }) } }); }在hbuilderx的vue上要怎么改才可以
在HBuilderX的Vue项目中,如果你想要使用类似于上述代码的功能,你可以按照以下步骤进行修改:
1. 在Vue组件的script部分,定义`handleChooseImg`方法。具体代码如下:
```javascript
<script>
export default {
methods: {
handleChooseImg() {
// 调用uni-app内置的选择图片api
uni.chooseImage({
count: 9, // 同时选中的图片的数量
sizeType: ['original', 'compressed'], // 图片的格式:原图、压缩
sourceType: ['album', 'camera'], // 图片的来源:相册、照相机
success: (res) => {
this.chooseImgs = this.chooseImgs.concat(res.tempFilePaths); // 将选择的图片路径拼接到chooseImgs数组中
}
});
}
},
data() {
return {
chooseImgs: [], // 初始化chooseImgs数组
}
},
}
</script>
```
在上面的代码中,我们使用了uni-app提供的`uni.chooseImage`方法来选择图片。在成功回调中,我们使用`concat`方法将选择的图片路径拼接到`chooseImgs`数组中。
2. 在Vue组件的template部分,找到你想要触发`handleChooseImg`方法的位置,添加相应的事件绑定。具体代码如下:
```html
<template>
<div>
<button @click="handleChooseImg">选择图片</button>
</div>
</template>
```
在上面的代码中,我们在一个按钮上使用`@click`事件绑定来触发`handleChooseImg`方法。
请根据你的具体需求修改代码中的变量名、事件名称以及按钮元素等部分。希望这可以帮助到你!如果你还有其他问题,请随时提问。
import { pathToBase64, base64ToPath } from 'image-tools'; export default{ data(){ return{ base64str:'', tooken:'', ImgSrc:'', UserInfo:[], InfoFrom:{ name:'', sex:'', age:'', add:'' }, popShow:false ,//信息识别后弹窗 popClose:true,//弹窗关闭按钮的显示 } }, methods: { choseImg(){ let that = this uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['album','camera'], //从相册选择 success: function (res) { // const reader = new FileReader() 手机端FileReader()报错 // reader.readAsDataURL(res.tempFiles[0]) // reader.onloadend = () => { // that.ImgSrc = reader.result.replace(/[\r\n]/g, "") // that.base64str=reader.result.split(",")[1] // } that.ImgSrc =that.pathToBase64(res.tempFilePaths[0]) that.base64str=that.ImgSrc.split(",")[1] console.log(that.ImgSrc) } }) },} 其中为什么不能调用pathToBase64方法 显示未定义
可能是因为你没有正确引入`image-tools`库中的`pathToBase64`方法。请确保你已经正确安装了该库,并且在需要使用的地方使用以下语句引入:
```
import { pathToBase64 } from 'image-tools';
```
如果你已经使用了上述语句引入了`pathToBase64`方法,仍然出现未定义的错误,请检查该方法是否被正确导出。你可以打开`image-tools`库的源代码,确认该方法是否被正确导出。
阅读全文