前端如何将jfif怎么渲染成图片

在html里，我们要输出显示一个图片，正常是使用img标签，然后src写上图片的地址。

请点击输入图片描述

但如果你的图片内容是一份base64编码的字符吕，比如图中的这种字符串。

请点击输入图片描述

我们是可以直接将其放到img标签的src属性里的。

请点击输入图片描述

运行页面，我们可以看到，这同样可以显示出图片的内容。

请点击输入图片描述

但要注意的是，如果你得到的base64编码内容，没有前面的data:这部分内容，在放到img标签里时，需要添加上。

请点击输入图片描述

除了能显示在img标签上，我们还可以将其显示在css的background-image样式上，同样是直接放上编码内容。

请点击输入图片描述

看下页面，这是样式背景重复平铺的效果。

请点击输入图片描述

是的，jfif格式是不能在PS中直接打开，不过可以将它先转换成其他格式如png或jpg.

转换的方法如下：

步骤1，打开软件，点击左边功能中最上面的“格式转换”功能按钮。

步骤2，点击软件中的“添加文件”蓝色按钮或直接拖入的方式，将需要格式转换的jfif格式图片添加到软件中，软件支持批量 *** 作，所以可以一次性添加多个jfif图片一起转换。

步骤3，添加好文件后，如下图所示在软件右下方位置设置图片需要转换成的格式，jpg或者png。然后点击“开始转换”按钮，启动转换程序。

步骤4，稍等片刻之后，软件会自动打开一个文件夹，文件夹内就包含了所有格式转换后的图片，这样就能将jfif格式改成jpg或png了！

---