小程序上的img文件如何提取

具体 *** 作步骤如下：

1、首先打开UltraISO软件，打开后如下图所示，没有安装这个软件的百度搜索，然后下载安装

2、点击工具栏中的“打开”按钮，然后在打开的“打开ISO文件”对话框中选择我们转换的ISO文件，若是将包含有很多文件的文件夹制作成img文件，那么其选择方式就不一样，其它步骤都相同

3、iso镜像文件打开后，在UltraISO软件的上方可以看到打开的镜像文件的内容，如下图红色方框所示

4、选择菜单栏中的“文件”，然后在打开子菜单中选择“另存为...”

5、在打开的“ISO文件另存”对话框中选择我们要保存的位置，然后将保存类型修改为“CloneCD文件（*.img/*.ccd/*.sub）”

6、选择好文件保存类型后，点击保存按钮，就d出如下图所示的生成img文件的处理对话框，文件生成的过程非常快，在对话框上面我们可以看到文件的扩展名为img，即生成的文件就是img文件。

因为微信小程序的图片image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为图片高度默认240px

只需要添加属性 mode="widthFix"

<image class="img" src="../images/1.png" mode="widthFix">

设置宽度100%，

.img{width: 100%}

这样就可以实现图片宽度100%高度自适应，图片不会拉伸

1、图片显示

在小程序项目文件的根目录下新建一个img文件件用于存放该小程序用到的图片文件。在显示图片时，图片的src="../../img/图片名.jpg"。

//.wxml文件

<view>

<images src="../../img/1.jpg" style="图片的设置" />

</view>

复制

2、修改数据

在点击某个组件时触动函数修改数据时，应注意在要修改的数据前需要加上this.data.数据名。

---