首先在html页面添加一个添加按钮加上点击事件app（）；
- <input type="button" value="添加图片" onclick="app();" id="btnInsertImg" />
然后在 <script type="text/javascript">里写一个app（）方法，这里写一个计数器使预览div的id每张图片都不同
2024年10月18日
首先在html页面添加一个添加按钮加上点击事件app（）；
然后在 <script type="text/javascript">里写一个app（）方法，这里写一个计数器使预览div的id每张图片都不同
2024年10月18日
2024年10月18日
我们常常会遇到需要通过脚本添加监控的情况，一般我们会选择使用邮件的方式通知相关人员。
一个简单的邮件我们可以轻松构建出来（可以参考我之前的文章《Python3使用smtplib发送邮件》），但是有些时候在邮件中增加一个图片往往能起到事半功倍的效果，毕竟一图胜千言嘛。
今天我们就看下如何在邮件中添加图片信息。
# -*- coding: utf8 -*-
from email.mime.multipart import MIMEMultipart
from email.mime.text import MIMEText
from email.mime.image import MIMEImage
import smtplib
import matplotlib.pyplot as plt
if __name__ == '__main__':
# 以html格式构建邮件内容
send_str = '<html><body>'
send_str += '<center>下边是一张图片</center>'
# html中以<img>标签添加图片，align和width可以调整对齐方式及图片的宽度
send_str += '<img src="cid:image1" alt="image1" align="center" width=100% >'
send_str += '<center>上边是一张图片</center>'
send_str += '</body></html>'
# 画图并保存到本地
pic_path = 'test.png'
plt.plot([1,3,2,4], '--r')
plt.title('这是一个测试')
plt.savefig(pic_path)
# 构建message
msg = MIMEMultipart()
# 添加邮件内容
content = MIMEText(send_str, _subtype='html', _charset='utf8')
msg.attach(content)
# 构建并添加图像对象
img1 = MIMEImage(open(pic_path, 'rb').read(), _subtype='octet-stream')
img1.add_header('Content-ID', 'image1')
msg.attach(img1)
# 邮件主题
msg['Subject'] = '这是一封带图邮件'
# 邮件收、发件人
user = "751718003@qq.com"
to_list = ["751718003@qq.com", "qixizhuang@yeah.net"]
msg['To'] = ';'.join(to_list)
msg['From'] = user
# 构建并添加附件对象
# 如果不想直接在邮件中展示图片，可以以附件形式添加
img = MIMEImage(open(pic_path, 'rb').read(), _subtype='octet-stream')
img.add_header('Content-Disposition', 'attachment', filename=pic_path)
msg.attach(img)
# 密码（有些邮件服务商在三方登录时需要使用授权码而非密码，比如网易和QQ邮箱）
passwd = "你的授权码"
# 登录邮箱
server = smtplib.SMTP_SSL("smtp.qq.com",port=465)
server.login(user, passwd)
print('Login Successful!')
# 发送邮件
server.sendmail(user, to_list, msg.as_string())
print('Send Successful')
2024年10月18日
VUE项目中的TINYMCE富文本编辑器如何从WORD中粘贴图片上传到七牛云，富文本插件TINYMCE使用CTRL+V粘贴图片上传到远程服务器，关于tinymce粘贴图片，粘贴word，一键导入word，粘贴word内容，网上能找到的方案不是特别多，都是通过HTML5提供的API来实现的。
粘贴word内容，粘贴word图片，粘贴word图文，
之前在网上也找过相关的资料，论坛里面也有网友交流过，也加过一些交流群，但是几乎都不能够提供成熟完整的商业解决方案。
2024年10月18日
大家知道的，bing这个每日图片既清晰又精致，很多网站都想使用bing的背景，使用倒不是难事，就是每日无需更改代码自动更新网站背景，这个很多不懂代码的站长还是无法实现的。今天博主就教大家如何给自己网站使用bing每日图片，只要跟着这里做，就可以实现！前提是你的网站支持php环境哦。下面就是bing的每日更新图片，每天都会改变呢！
第一步:首先打开你的网站ftp，使用notepad++或者webstorm这些专业的网页编辑器新建一个php文件，复制一下内容添加进去即可。
2024年10月18日
在上一篇《在html页面中嵌入其他页面的方法——零基础自学网页制作》（结尾见目录）中我们学习了如何在页面中嵌入其他页面的操作。今天我们来嵌入一个pdf文件。
其实使用<iframe>标签也可以导入pdf标签，就是把pdf文件路径赋予src属性就可以了。
示例代码如下：
2024年10月18日
TinyMCE插入图片默认的是直接插入图片地址的，而通常我们希望能直接将图片上传至我们的服务器并返回图片的服务器地址，前面在vue实战024:Vue-Quill-Editor自定义图片上传中也提到了图片上传，原理是一样的。当我们选择图片后将图片上传服务器，服务器返回相应的图片链接，前端将图片链接插入到富文本的指定光标上位置，在提交富文本的内容的时候图片只是以图片地址提交。
TinyMCE提供了图片异步上传处理函数images_upload_handler让用户配置上传图片的相关参数，这里有三个参数，图片数据（blobinfo是一个对象，包含上传文件的信息），成功时的回调函数（success，上传成功的时候向success传入一个图片地址），失败时的回调函数（failure，失败的时候向 failure 传入报错信息），这里我们可以通过images_upload_handler来重新自定义一个上传方法以便适配我们的项目。
2024年10月18日
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。
这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。
2024年10月18日
什么是弹性布局？
用户的文字大小与弹性布局
用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果用户愿意他可以改变这种字体大小的设置，用户可以通过UI控件来改变浏览器默认的字体大小。
弹性设计有一个关键地方Web页面中所有元素都使用“em”单位值。“em”是一个相对的大小，我们可以这样来设置1em，0.5em，1.5em等，而且“em”还可以指定到小数点后三位，比如“1.365em”。而其中“相对”的意思是：