uniapp h5上传图片好使 app不行
时间: 2023-12-16 16:06:20 浏览: 136
根据提供的引用内容,可以看出uni-app H5和APP的上传图片存在差异,可能是由于跨域问题导致的。解决方案如下:
1.在manifest.json文件中配置H5的跨域规则,如下所示:
```json
"h5": {
"devServer": {
"disableHostCheck": true,
"proxy": {
"/api": {
"target": "http://localhost:8080",
"changeOrigin": true,
"pathRewrite": {
"^/api": ""
}
}
}
}
}
```
2.在APP中使用uni.uploadFile()方法上传图片,并在请求头中添加Authorization字段,如下所示:
```javascript
uni.uploadFile({
url: 'http://example.com/upload',
filePath: 'xxx',
name: 'file',
header: {
'Authorization': 'Bearer ' + token
},
success: function (res) {
console.log('upload success');
},
fail: function (res) {
console.log('upload fail');
}
});
```
3.如果以上方法无法解决问题,可以尝试使用第三方插件或者调用原生API进行上传。
阅读全文