base64显示图片html load resource: net::ERR_INVALID_URL

最新推荐文章于 2023-01-19 17:30:00 发布
最新推荐文章于 2023-01-19 17:30:00 发布
阅读量5.9k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qlin_11/article/details/115728348
版权

Base64 图片上传 GET请求 长度限制 loadresource:net::ERR_INVALID_URL
关键词由CSDN通过智能技术生成

1.使用img的src存放base64数据
2.存放的数据会发送请求出去，图片base64数据长度需要小于get请求发送的最大长度，不然自动阶段，截断后，报错或者显示部分。
base64数据截断后，运气好会显示部分。运气不好就直接啥都没有。这与base64
的数据与图片部分对应关系决定。

load resource: net::ERR_INVALID_URL

林强181
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
base64合成的图片打不开问题
IBLiplus的博客
08-12 3628
昨天写代码的时候，通过base64字符串指定路径合成对应图片，图片能合成。但是无法打开。原因是没有去掉base64字符串的头部："data:image/png;base64," 。 在上面的Data URI中，data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。 目前，Data UR...
src或者css背景图的url值为base64编码代码
01-19
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：[removed]　iVBORw0KGgoAAAANSUhEUgnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/KuVgz5BDCSZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg==。那
解决ERR_INVALID_URL
热门推荐
tiezijun的博客
06-21 2万+
解决Failed to load resource: net::ERR_INVALID_URL 前几天做的spring cloud项目，里面五个应用。设置的端口号分别5000，6000,7000,8000,9000，里面5个应用都正常启动，但只有4个可以访问，6000端口那个请求后没有进入controller,前台报Failed to load resource: net::ERR_INVALID_URL 然后查了下为什么只有6000端口的不能访问，发现6000是Tomcat的一个内置端口号，类似的还有88
GET data:image/jpg；base64,35,37,....... net::ERR_INVALID_URL
qq_43029797的博客
02-07 7937
在接收服务器端传过来的图片将其转换成base64格式赋值给img标签时，出现了上面这个错误，通过查找，参考下面这篇文章，找到了答案，表示感谢。 参考文章链接 原因 服务器端没有将要传递过来的图片数据进行base64编码 解决办法 在服务器端进行编码，后台使用的是java，提供以下代码： 1、base64编码工具类，该类我也是参考网上大佬的，然后添加了一些自己的东西，不过不好意思，时间太久了，记不得具体出处了。 package com.java1234.utils; import java.io.ByteA
vue中base64图片展示提示 图片报错：GET data:image/png；base64,undefined net::ERR_INVALID_URL
weixin_51747462的博客
08-26 7740
图片报错：GET data:image/png;base64,undefined net::ERR_INVALID_URL
react开发笔记(一)：渲染验证码图片报错data:image/svg+xml；base64,undefined net::ERR_INVALID_URL
summer_gf的博客
11-19 1504
刚进入页面的时候img的src会报错data:image/svg+xml;base64,undefined net::ERR_INVALID_URL，解决办法就是在请求返回的时候拼接好src再赋值到img。
报错：谷歌浏览器控制台Failed to load resource: net::ERR_INVALID_URL报错，导致页面加载异常
qq_43651168的博客
07-19 1万+
报错：谷歌浏览器控制台Failed to load resource: net::ERR_INVALID_URL报错，导致页面加载异常TOC 报错信息如下： 解决方式如下： 解决方式： 把http协议换成https协议发送请求 在vue.config.js找到proxy，在其中找到target换成你想要请求的服务器地址就可以啦！ 参考链接：https://blog.csdn.net/a386139471/article/details/79978198 ...
小程序接口请求报错request:fail -300:net::ERR_INVALID_URL
海贼王某人的博客
09-28 3280
看看报错信息：我的是合法域名，这个报错找了很多办法，最后解决了，把孩子高兴坏了，来解救一下众生！ 下面是我的http请求代码： function getProject(data) { // 获取项目 return fetch(baseURL + "/project", "GET", data) } 出现这个问题可能有三个原因： 1）反斜杠是复制的，把斜杠删掉，自己从新打一个试试 2）引号照成的问题，不知道为啥，就是会有这个bug，把单引号统一换成双引号（我自己的问题是这样解决的） 3）如果双引号还是
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
在开发Vue应用时，开发者可能会遇到“net :ERR_CONNECTION_REFUSED”错误，这通常表示浏览器无法连接到指定的服务器。这个错误可能出现在多种场景下，比如本地开发环境配置不正确或者网络环境变化等。本文将重点讲解...
解决Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 的问题
10-15
主要介绍了解决Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 的问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
解决报错ERR_UNKNOWN_URL_SCHEME源码.zip
08-01
标题中的"解决报错ERR_UNKNOWN_URL_SCHEME源码.zip"表明这是一个关于修复Android应用程序中出现的"ERR_UNKNOWN_URL_SCHEME"错误的代码解决方案。这个错误通常发生在尝试在Android的WebView组件中加载一个不支持或...
HttpSendRequest 12005 ERROR_INTERNET_INVALID_URL
dragoo1的专栏
04-07 6075
hConnect = InternetConnect(hInternet, "http://www.csdn.net", INTERNET_DEFAULT_HTTP_PORT, NULL, "HTTP/1.1", INTERNET_SERVICE_HTTP, 0, 0); if(hConnect) { hRequest = HttpOpenRequest(hConnect, "GET",
HttpWatch中的ERROR_INTERNET_INVALID_URL错误 [此博文包含图片]
溺水的鱼 - Later equals never.
02-03 2208
原文：ERROR_INTERNET_INVALID_URL &HttpWatch一些用户反映，最近在他们的页面中通过 HttpWatch 抓包，有发现请求 http://:/这样的地址，想知道发生这种问题的原因。这样的 URL 会在 IE6 中显示 “ERROR 0x57”，而在 IE7中显示为“ERROR_INTERNET_INVALID_URL”。发生这样的错误都有
七牛https网页上传base64图片出现net::ERR_INSECURE_RESPONSE
guoer9973的专栏
05-25 5947
1，报错原因分析http协议下引入https的js资源chrome报NET::ERR_INSECURE_RESPONSE单独访问这个资源是有提示“您的连接不是私密连接”，这不是https的证书问题，这是chrome自身的安全机制，只能让用户自己选择是否继续访问http连接（或者点击地址栏左侧的红色提示）。 网页中是无法作处理的，除非你引用的资源与网页自身的协议保持一致（要么都是http，要么都是ht
esp32 图片base64转码 遇到的问题与解决
ResumeProject的博客
01-19 1415
【代码】esp32 图片base64转码 遇到的问题与解决。
解决谷歌浏览器Failed to load resource: net::ERR_FAILED问题
qq_43160164的博客
11-30 1万+
解决谷歌浏览器Failed to load resource: net::ERR_FAILED问题 原文链接: link 问题描述： 使用ajax去访问json文件时，用谷歌浏览器打开时，会出现如下图问题： 在这里插入图片描述 问题解决： 1、出现该问题是因为出现了跨域，可以查找相关解决跨域方法解决 2、使用vscode编辑器，安装live-server插件，使用如图方法打开html文件，会强制使其在同一个服务器下。在这里插入图片描述 ...
Chrome浏览器设置导致访问网站出现ERR_FAILED
u011574482的博客
10-15 2815
在测试环境进行测试，有个环境Chrome浏览器不能访问，报如下错误，Failed to load resource:net：：ERR_FAILED 。用别的浏览器访问没事，其他同事用Chrome浏览器访问也没问题。 解决办法： 1、 打开 chrome://flags/#block-insecure-private-network-request 2、禁用 Block insecure private network requests. ...
大学生电子设计大赛-0-30V 4A数控稳压电源资料.rar
最新发布
08-12
大学生电子设计大赛-0-30V 4A数控稳压电源资料.rar
Failed to load resource: net::ERR_INVALID_URL
03-20
"Failed to load resource: net::ERR_INVALID_URL"是一个常见的网络错误，它表示浏览器无法加载指定的资源，因为URL无效。这个错误通常发生在以下几种情况下： 1. 错误的URL格式：可能是由于URL中包含了非法字符、缺少必要的协议前缀（如http://或https://）或者URL中的路径错误导致的。请检查URL是否正确，并确保它符合URL的规范。 2. 网络连接问题：可能是由于网络连接不稳定或者断开导致的。请检查您的网络连接是否正常，并尝试重新加载页面。 3. 资源不存在：可能是由于请求的资源不存在或已被移除导致的。请确保您请求的资源存在，并且可以通过指定的URL进行访问。 如果您遇到了"Failed to load resource: net::ERR_INVALID_URL"错误，您可以尝试以下解决方法： 1. 检查URL是否正确：确保URL中没有任何拼写错误或非法字符，并且包含正确的协议前缀。 2. 检查网络连接：确保您的网络连接正常工作，并且没有任何阻止请求资源的网络问题。 3. 清除浏览器缓存：有时候浏览器缓存可能导致资源加载错误。您可以尝试清除浏览器缓存并重新加载页面。 4. 检查资源是否存在：确认您请求的资源确实存在，并且可以通过指定的URL进行访问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值