uniapp编译H5平台时如何使用原生的input ？我们的应用是发布成H5，然后接入到客户的 App 中，其中部分功能使用到手机拍照上传功能，uni.chooseImage() 接口功能接入之后被屏蔽，客户提供使用原生的方式实现：<input type="file" accept="image/*" capture="camera"> 。但是打包之后，原生的 input 被二次封装，导致APP端无法识别，从而无法实现该功能。
脑壳疼
- 发布：2024-03-21 20:49
- 更新：2024-03-21 21:19
- 阅读：692
喜欢技术的前端 - QQ---445849201
h5 端可以这样来
<template>
<view>
<div id="test"></div>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onReady() {
this.createInput()
},
methods: {
createInput(){
let input = document.createElement('input')
input.type = "file"
input.accept = "image/*"
input.id = "input"
input.capture = "camera"
document.getElementById('test').appendChild(input)
}
}
}
</script>
<style>
.input{
height: 100rpx;
border: 1px solid #f1f1f1;
padding: 0 30rpx;
}
</style>
脑壳疼 (作者)
多谢大佬！我试试看哈！还有个问题想请教一下，就是我上面发的截图是打包后的，我想问一下，就是他打包之后不应该都转成原生的html标签嘛？<uni-input>这个浏览器也能识别嘛？不太懂
2024-03-22 10:31
喜欢技术的前端
回复 脑壳疼: 浏览器识别的是里面的input
2024-03-22 11:57