关于本地图片在HTML页面上不能显示的问题

以你之姓@ 2022-04-13 08:44 798阅读 0赞

报错信息 GET file:///C:/fakepath/delete.png net::ERR\_FILE\_NOT\_FOUND

这是浏览器安全机制的问题，获取不到图片的真实路径

目前网上的解决办法多半只兼容IE和火狐，而且不知是否可行

这个解决方法是原生js,不用导库，亲测可用

解决办法：

function getObjectURL(file) {
            var url = null;
            if (window.createObjcectURL != undefined) {
              url = window.createOjcectURL(file);
            } else if (window.URL != undefined) {
              url = window.URL.createObjectURL(file)
            } else if (window.webkitURL != undefined) {
              url = window.webkitURL.createObjectURL(file);
            }
            return url;
          }
          var objURL = getObjectURL(item.files[0]);
          console.log(objURL)
     this.img = objURL

item.files数据类似这样

![20181128165936743.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjUyNTAx_size_16_color_FFFFFF_t_70][]

[20181128165936743.png]: /images/20220413/fe039ee7c20342e0aa167125dbb78903.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MjUyNTAx_size_16_color_FFFFFF_t_70]: /images/20220413/8df9e1db7c8049769d7a1c6504cb727e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，798人围观）

还没有评论，来说两句吧...

相关阅读

相关 django 在html页面显示图片

题：在django框架里正常的写img路径来显示图片显示不成功。解决方法：在setting.py最后一行加上以下代码 STATIC_URL = '/...

红太狼/ 2024年04月18日 08:50/ 0 赞/ 85 阅读

相关 java搜索图片不显示不出来的,为什么图片不能显示呢

为什么图片不能显示呢 /\ \/ import java.util.\; import javax.swing.\; import java.awt.\; publ

ゝ一纸荒年。/ 2023年01月16日 04:57/ 0 赞/ 230 阅读

相关 html 背景图片不显示_HTML

1.HTML是超文本标记语言。 2.HTML不需要翻译，直接由浏览器执行。 3.HTML文件是一个文本文件 4.HTML文件必须使用HTML或HTM为文件名后缀 5.H

- 日理万妓/ 2023年01月10日 13:08/ 0 赞/ 235 阅读

相关关于github上README.md图片显示不出来的问题解决办法

关于github上README.md图片显示不出来的问题解决办法 -------------------- 出现原因：如果你的README文件内显示图片的路径是正确

àì夳堔傛蜴生んèń/ 2022年12月13日 14:03/ 0 赞/ 1082 阅读

相关 html2pdf—html页面下载pdf案列，及图片不能显示问题

一，html2pdf—html页面下载pdf文件需求：html2pdf—html页面下载pdf文件使用的插件js是html2pdf.js，[html2pdf官方链接

绝地灬酷狼/ 2022年10月10日 12:38/ 0 赞/ 1038 阅读

相关 html 显示byte图片,SpringMVC读取本地图片(byte[]流方式)显示到前端页面

控制层： package ywzn.by.scity.ctrl; import java.io.FileInputStream; import java.io.IOExc

女爷i/ 2022年10月06日 07:55/ 0 赞/ 261 阅读

相关 html上传图片后，在页面显示上传的图片

html上传图片后，在页面显示上传的图片 1、html <form class="container" enctype="multipart/form-data"

爱被打了一巴掌/ 2022年06月04日 02:42/ 0 赞/ 322 阅读

相关关于本地图片在HTML页面上不能显示的问题

报错信息 GET file:///C:/fakepath/delete.png net::ERR\_FILE\_NOT\_FOUND 这是浏览器安全机制的问题，获取不到图片的

以你之姓@/ 2022年04月13日 08:44/ 0 赞/ 799 阅读

相关图片不能显示

一个网页，它是显示图片，但在一些浏览器，它却显示如下： [![28036-20180112141216941-1631838033.jpg][]][28036-201801

「爱情、让人受尽委屈。」/ 2022年03月30日 18:44/ 0 赞/ 397 阅读

相关关于使用html2canvas截取网页，图片不能显示（图片跨域）的问题

最近有一个需要引导用户保存图片分享朋友圈的需求，后面发现使用html2canvas可以进行网页截图。现在聊一聊关于所截的内容中，图片不能正常显示的问题，找了资料说是图片跨域

灰太狼/ 2021年09月16日 00:54/ 0 赞/ 1470 阅读