html5图片预览上传(html5 上传图片)

干货内容 早知道

保存同步问题解答

一站式解决

三儿说

嗨喽宝子们，最近有些小伙伴在后台留言问三儿， 为啥文章保存同步的时候失效，以及 SVG复制粘贴到后台后预览失效，在2月的第一天，三儿决定对图片、SVG失效的问题进行一个集中解答，所以还有同样问题困扰的小伙伴可要跟进三儿哦，一起来学习！

1

图片保存失效

首先呢，三儿要给大家简单说明一下咱们上传 图片的要求。

PNG/JPG格式图片：大小不能超过10M，图片宽高乘积不能大于600W。

一个小tips：上传的图片选择PNG格式会比JPG格式的相对清晰一些。

GIF格式图片：大小不超过9M，动画不能超过300帧。

接下来我会列出大家常见的图片保存失败的情况以及解决方案。

常用解决方式

这是常见的图片保存情况：在135编辑器提示同步出错的消息中，会给出同步错误的图片网址，复制消息中的这个网址，在浏览器中打开，就可以查看是哪张图片同步错误。

例如：文章中图片同步微信错误。<br/>-1:同步错误的图片网址为:

① 找到是哪个图片错误之后， 打开微信公众号后台，在【素材库-图片】中点击【上传】按钮，将这张同步失败的图片上传到素材库中。

ps：如果这时上传该图片还出现问题的话，就需要按照最开始我提过的图片要求进行调整。

② 图片上传成功后，在素材库点击图片右上角【查看大图】按钮，在图片上点击鼠标右键，选择【复制图像链接】。

③ 回到135编辑器，选中文章中同步失败的图片，打开全局样式中的【换图】，对图片进行替换。

在换图版块，选择【插入远程图片】，将刚刚复制的图片链接粘贴到这里。

这就是我们常见的图片提示错误的解决办法。

第一种

保存失败原因：在保存同步文章的过程中没有设置封面图

这种情况就需要我们在保存同步文章的过程中不仅要填好标题，也要放置好封面图。

第二种

保存失败的原因： 添加了不符合公众号能接受的音频或超链接，（一般是在SVG组件中用视频组件/音频组件常出现的问题）或音频数量超过公众号限制的十条数量。

解决方法：找到不符合规定的SVG组件里面的超链接或者音频，同时检查音频数量。

第三种

图片保存失败原因：

公众号之前有被冻结，解冻后接口未恢复正常，从而影响同步功能。

解决方法： 联系公众号官方，等待接口恢复正常，若急需使用可尝试复制、粘贴到微信后台发布。

以上只是针对大家常见的图片保存失败原因进行的解答，还有一些图片保存失败原因，大家可以在使用帮助里进行查找报错代码，会更加清晰的了解。

① 点击首页导航栏的【使用帮助】，选择【编辑器整体板块介绍】。

② 在该页面选择【授权同步】，点击同步报错信息自查。可以在这里面进行自查同步失败的原因。

2

SVG复制到后台失效

大家在做完SVG效果之后，很多小伙伴喜欢选择直接复制粘贴到微信后台，当在后台进行预览时，效果就失效了。“怎么SVG保存到后台失效了？”，是三儿经常收到的问题。其实SVG失效的关键原因就在于大家选择复制粘贴而不是用保存同步的方式，因为SVG效果的代码比较复杂，所以如果用复制粘贴的方式，SVG就很有可能失效。接下来三儿就来给大家讲两种咱们常用的将SVG效果同步到后台的方式。

第一种：导出

导出功能是指提取出SVG代码插入到135编辑器编辑页面，或者到微信后台。

① 当导入到135编辑器时

制作好SVG效果之后，选择上方导航栏右侧的【导出】——【复制代码到135编辑器】。

在编辑页面找到你需要插入的位置，选择【HTML】，打开源代码，在<p></p>标签中放入刚刚复制的代码内容。

再次点击【HTML】即可看到该效果已经插入到文章之中。

这时再利用页面的【保存同步】，填好标题、封面图，保存到微信后台。

② 当导入到微信后台时

选择上方右侧导航栏，点击【导出】——【复制代码到微信后台】。

进入公众号后台，点击新建图文打开微信文章页面，按键盘F12键调出开发者模式，然后按照下图所示步骤操作。

将刚复制的svg代码，用鼠标选中第3点的代码位置，再右键选择“编辑为HTML”，找到<p></p>便签，将内容复制到里面即可。

这样SVG代码内容就能保存到微信后台。

第二种：同步

这种方式就是直接将做好的SVG效果同步到你的微信后台里面，不会涉及到插入代码的步骤，这是最为方便快捷的形式，但是要实现同步功能需要提前绑定好公众号。

如何绑定微信公众号到135编辑器？

点开【同步】界面后，在选择公众号的旁边有一个【授权公众号】的入口，点击即可进入到绑定公众号的页面，但是注意绑定公众号需要管理员扫码操作！

绑定好公众号之后，在【同步】界面填好标题，上传好封面图，选择同步的公众号后，点击同步按钮即可保存到后台。

以上就是三儿分享的全部内容啦

希望本期内容可以帮助到大家

解决棘手的保存同步问题

如果觉得还不错

记得点赞+在看

还有什么想看的内容

可以在评论区留言哦

这里还有一份优惠福利等你来领

END