在微信小程序中加载图片的两种方式（如何在微信小程序中加载图片）

在微信小程序中，加载图片有两种方式:

1.加载本地图片

2.加载网络图片

加载本地图片

句子src =“/image/arrow right . png”用于加载本地图像资源。考虑在iOS中加载本地图片，imageName:，类似。

加载网络图片

在加载网络方面，包括语音和视频加载方面，微信仍然包装良好。将地址直接附加到“src”属性，它将自动加载。

这个imageUrl是js文件中的数据。

数据:{ imageurl:“http://img 1 . 3 Lian . com/2015/w7/85/d/101 . jpg“}，或者直接写。

让我们来看看图像的一些属性。

请注意，图像组件的默认宽度为300像素，高度为225像素。

上面的代码中使用了Src。

模式有12种模式，其中3种是缩放模式，9种是裁剪模式。

详情请参考官方文件，非常详细。点击打开链接。

很简单。仅此而已。

遗留问题

在实践中，我想实现这样一个功能:点击一个按钮重新加载此图片。

我不知道如何在js文件中直接操作图像。后续研究可能会知道。谁知道方法，请留言告诉我。

补充

剩下的问题已经回答了。

在按键的响应方法中，可以直接用setData为imageUrl设置一个新地址。

download image:function（event）{ console . log（event）var that = this；this . setdata（{ imageurl:“http://h . hi photos . Baidu . com/zhidao/pic/item/6d 81800 a 19d 8 BC 3 ed 69473 CB 848 b a61ea8d 34516 . jpg“}）}效果如下:

推荐:《小程序开发教程》

以上是微信小程序两种图片加载方式的详细介绍。更多资讯请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序的两种图片加载方式(如何在微信小程序中加载图片)

本文由主机参考刊发，转载请注明：在微信小程序中加载图片的两种方式（如何在微信小程序中加载图片） https://zhujicankao.com/101317.html