微信小程序image动态访问图片会自动往前加一段防盗链怎么关闭
时间: 2024-01-22 15:02:08 浏览: 199
微信小程序在访问图片时会自动加上一段防盗链,这是为了保护图片资源的安全。如果你需要关闭这个功能,可以在小程序的开发者工具中进行配置。
具体步骤如下:
1. 打开小程序开发者工具,进入项目代码编辑界面。
2. 在项目根目录下创建一个名为“project.config.json”的文件。
3. 在该文件中添加以下配置信息:
```
{
"setting": {
"urlCheck": false,
"es6": true,
"postcss": true,
"minified": true,
"newFeature": true,
"coverView": true,
"nodeModules": true,
"autoAudits": false,
"imageUrlCheck": false // 关闭图片防盗链
},
"compileType": "miniprogram",
"appid": "your appid"
}
```
4. 保存文件,重新启动小程序开发者工具即可。
注意:关闭图片防盗链可能会存在一定的安全风险,请谨慎操作。
相关问题
微信小程序image居中
要让微信小程序中的图片居中,可以将图片包裹在一个 view 容器中,然后使用 flex 布局实现居中。具体的代码如下:
```html
<view class="container">
<image class="img" src="./image.png"></image>
</view>
```
```css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.img {
width: 100px;
height: 100px;
}
```
在上面的代码中,我们使用了 `display: flex` 属性将容器设置为 flex 布局,使用 `justify-content: center` 和 `align-items: center` 将图片水平和垂直居中。同时,我们还需要设置容器的高度为 100%,以确保容器能够占满整个屏幕。
最后,我们需要给图片设置一个固定的宽度和高度,以确保图片大小不会影响布局。
微信小程序文字遇到图片自动换行
微信小程序中默认是支持在文字和图片之间自动换行的,但是如果你遇到了文字和图片没有自动换行的情况,可以尝试以下方法解决:
1. 使用 `display: inline-block` 样式
在显示图片的标签上添加 `display: inline-block` 样式,可以让图片和文字在同一行内并自动换行。例如:
```
<view>
<text>这是一段文字,图片在下面:</text>
<image src="/images/pic.png" style="display: inline-block;"></image>
<text>这是一段文字,图片在上面:</text>
<image src="/images/pic.png" style="display: inline-block;"></image>
</view>
```
2. 使用 `white-space: pre-wrap` 样式
在显示文字的标签上添加 `white-space: pre-wrap` 样式,可以让文字在遇到图片时自动换行。例如:
```
<view style="white-space: pre-wrap;">
这是一段文字,图片在下面:
<image src="/images/pic.png"></image>
这是一段文字,图片在上面:
<image src="/images/pic.png"></image>
</view>
```
以上是两种常用的解决方法,如果还有其他问题,请继续提问。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)