当前位置： 文江博客话题详情

为什么我不能执行 ？

发布于 2024-09-30 15:52:32 字数 97 浏览 8 评论 0原文

如果 html 文件在本地（在我的 C 驱动器上），则它可以工作，但如果 html 文件在服务器上并且图像文件在本地，则不行。这是为什么？

有什么可能的解决方法吗？

原文

It works if the html file is local (on my C drive), but not if the html file is on a server and the image file is local. Why is that?

Any possible workarounds?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（16）

时间海 2024-10-07 15:52:32

如果客户端可以请求本地文件系统文件，然后使用 JavaScript 找出其中的内容，这将是一个安全漏洞。

解决这个问题的唯一方法是在浏览器中构建扩展。 Firefox扩展和IE扩展可以访问本地资源。 Chrome 的限制要严格得多。

It would be a security vulnerability if the client could request local file system files and then use JavaScript to figure out what's in them.

The only way around this is to build an extension in a browser. Firefox extensions and IE extensions can access local resources. Chrome is much more restrictive.

回复 原文
∞琼窗梦回ˉ 2024-10-07 15:52:32

难道您不应该使用 file://C:/localfile.jpg 而不是 C:/localfile.jpg 吗？

Shouldn't you use file://C:/localfile.jpg instead of C:/localfile.jpg?

回复 原文
诗酒趁年少 2024-10-07 15:52:32

除非您访问本地 html 页面，否则浏览器不允许访问本地文件系统。您必须将图像上传到某个地方。如果它与 html 文件位于同一目录中，则可以使用

Browsers aren't allowed to access the local file system unless you're accessing a local html page. You have to upload the image somewhere. If it's in the same directory as the html file, then you can use <img src="localfile.jpg"/>

回复 原文
冷血 2024-10-07 15:52:32

C: 不是可识别的 URI 方案。尝试使用 file://c|/... 代替。

C: is not a recognized URI scheme. Try file://c|/... instead.

回复 原文
泪之魂 2024-10-07 15:52:32

老实说，最简单的方法是将文件托管添加到服务器。

  • 打开 IIS

  • 在默认网站下添加虚拟目录

    • 虚拟路径将是您要在浏览器中浏览的路径。因此，如果您选择“serverName/images”，您将可以通过访问 http://serverName 来浏览它/图片
    • 然后添加 C: 驱动器上的物理路径

  • 为 C: 驱动器上的文件夹添加适当的权限“NETWORK SERVICE”和“IIS AppPool\DefaultAppPool”

  • 刷新默认网站

  • 现在您可以浏览到。通过导航到 http://yourServerName/whateverYourFolderNameIs/yourImage.jpg 并使用该 url 来访问该文件夹中的任何图像在您的 img src 中

希望这对某人有帮助

Honestly the easiest way was to add file hosting to the server.

  • Open IIS

  • Add a Virtual Directory under Default Web Site

    • virtual path will be what you want to browse to in the browser. So if you choose "serverName/images you will be able to browse to it by going to http://serverName/images
    • Then add the physical path on the C: drive

  • Add the appropriate permissions to the folder on the C: drive for "NETWORK SERVICE" and "IIS AppPool\DefaultAppPool"

  • Refresh Default Web Site

  • And you're done. You can now browse to any image in that folder by navigating to http://yourServerName/whateverYourFolderNameIs/yourImage.jpg and use that url in your img src

Hope this helps someone

回复 原文
春庭雪 2024-10-07 15:52:32

我们可以使用JavaScript的FileReader()及其`readAsDataURL（fileContent函数来显示本地驱动器/文件夹文件。将更改事件绑定到图像，然后调用JavaScript的showpreview函数。

<!doctype html>
<html>

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;'>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
    <title></title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    <script type="text/javascript">
    function showpreview(e) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $("#previewImage").attr("src", e.target.result);
        }
        //Imagepath.files[0] is blob type
        reader.readAsDataURL(e.files[0]);
    }
    </script>
</head>
<body >
    <div>
    <input type="file" name="fileupload" value="fileupload" id="fileupload" onchange='showpreview(this)'>
    </div>
    <div>
         
    </div>
    <div>
    <img width="50%" id="previewImage">
    </div>
</body>
</html>

We can use JavaScript's FileReader() and its `readAsDataURL (fileContent function to show local drive/folder file. Bind change event to image then call JavaScript's showpreview function.

<!doctype html>
<html>

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;'>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
    <title></title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    <script type="text/javascript">
    function showpreview(e) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $("#previewImage").attr("src", e.target.result);
        }
        //Imagepath.files[0] is blob type
        reader.readAsDataURL(e.files[0]);
    }
    </script>
</head>
<body >
    <div>
    <input type="file" name="fileupload" value="fileupload" id="fileupload" onchange='showpreview(this)'>
    </div>
    <div>
         
    </div>
    <div>
    <img width="50%" id="previewImage">
    </div>
</body>
</html>
回复 原文
噩梦成真你也成魔 2024-10-07 15:52:32

IE 9：如果您希望用户在将图像发布到服务器之前查看图像：
用户应将该网站添加到“可信网站列表”中。

IE 9 : If you want that the user takes a look at image before he posts it to the server :
The user should ADD the website to "trusted Website list".

回复 原文
笑饮青盏花 2024-10-07 15:52:32

撇开 Newtang 对安全规则的观察不谈，您如何知道查看您页面的任何人都会在 c:\localfile.jpg 中看到正确的图像？你不能。即使你认为你可以，你也不能。一方面，它预设了 Windows 环境。

Newtang's observation about the security rules aside, how are you going to know that anyone who views your page will have the correct images at c:\localfile.jpg? You can't. Even if you think you can, you can't. It presupposes a windows environment, for one thing.

回复 原文
寄意 2024-10-07 15:52:32

我看到您尝试执行的操作有两种可能性：

  1. 您希望在服务器上运行的网页在您最初设计它的计算机上找到该文件吗？

  2. 您希望它从正在查看该页面的电脑上获取它吗？

选项 1 没有意义:)

选项 2 将是一个安全漏洞，浏览器禁止网页（从网络提供）在查看者的计算机上加载内容。

凯尔·哈德森（Kyle Hudson）告诉了你需要做什么，但这太基本了，我很难相信这就是你想做的一切。

I see two possibilities for what you are trying to do:

  1. You want your webpage, running on a server, to find the file on the computer that you originally designed it?

  2. You want it to fetch it from the pc that is viewing at the page?

Option 1 just doesn't make sense :)

Option 2 would be a security hole, the browser prohibits a web page (served from the web) from loading content on the viewer's machine.

Kyle Hudson told you what you need to do, but that is so basic that I find it hard to believe this is all you want to do.

回复 原文
南冥有猫 2024-10-07 15:52:32

如果你使用 Google chrome 浏览器，你可以这样使用

<img src="E://bulbpro/pic_bulboff.gif"   width="150px" height="200px">

，但是如果你使用 Mozila Firefox，你需要添加“文件” ex。

<img src="file:E://bulbpro/pic_bulboff.gif"   width="150px" height="200px">

if you use Google chrome browser you can use like this

<img src="E://bulbpro/pic_bulboff.gif"   width="150px" height="200px">

But if you use Mozila Firefox the you need to add "file " ex.

<img src="file:E://bulbpro/pic_bulboff.gif"   width="150px" height="200px">
回复 原文
暮年 2024-10-07 15:52:32

以 file:/// 开头并以 filename 结尾应该可以：

<img src="file:///C:/Users/91860/Desktop/snow.jpg" alt="Snow" style="width:100%;">

starts with file:/// and ends with filename should work:

<img src="file:///C:/Users/91860/Desktop/snow.jpg" alt="Snow" style="width:100%;">
回复 原文
不即不离 2024-10-07 15:52:32

您还需要上传图像，然后链接到服务器上的图像。

You need to upload the image aswell, then link to the image on the server.

回复 原文
_畞蕅 2024-10-07 15:52:32

如果您只是为自己或某些客户部署本地网站，则可以通过在 cmd 中以管理员身份在网站根目录中运行 mklink /D MyImages "C:/MyImages" 来解决此问题。然后在 html 中执行 ，mklink 建立的符号链接会将相对的 src 链接与 C 盘上的链接连接起来。它为我解决了这个问题，因此它可能会帮助其他提出这个问题的人。

（显然这不适用于公共网站，因为你无法轻松地在人们的计算机上运行 cmd 命令）

If you're deploying a local website just for yourself or certain clients, you can get around this by running mklink /D MyImages "C:/MyImages" in the website root directory as an admin in cmd. Then in the html, do <img src="MyImages/whatever.jpg"> and the symbolic link established by mklink will connect the relative src link with the link on your C drive. It solved this issue for me, so it may help others who come to this question.

(Obviously this won't work for public websites since you can't run cmd commands on people's computers easily)

回复 原文
年华零落成诗 2024-10-07 15:52:32

我尝试了很多技术，终于在C#端和JS端找到了一种。
您无法为 src 属性提供物理路径，但可以将 base64 字符串作为 Img 标记的 src 提供。
让我们看一下下面的 C# 代码示例。

<asp:Image ID="imgEvid" src="#" runat="server" Height="99px"/>

C# 代码

 if (File.Exists(filepath)
                            {
                                byte[] imageArray = System.IO.File.ReadAllBytes(filepath);
                                string base64ImageRepresentation = Convert.ToBase64String(imageArray);
                                var val = $"data: image/png; base64,{base64ImageRepresentation}";
                                imgEvid.Attributes.Add("src", val);
                            }

希望这会有所帮助

I have tried a lot of techniques and finally found one in C# side and JS Side.
You cannot give a physical path to src attribute but you can give the base64 string as a src to Img tag.
Lets look into the below C# code example.

<asp:Image ID="imgEvid" src="#" runat="server" Height="99px"/>

C# code

 if (File.Exists(filepath)
                            {
                                byte[] imageArray = System.IO.File.ReadAllBytes(filepath);
                                string base64ImageRepresentation = Convert.ToBase64String(imageArray);
                                var val = 
quot;data: image/png; base64,{base64ImageRepresentation}";
                                imgEvid.Attributes.Add("src", val);
                            }

Hope this will help
 回复 原文 
很快妥协 2024-10-07 15:52:32
让图像由用户选择怎么样？使用 input:file 标签，然后在选择图像后将其显示在客户端网页上？这对于大多数事情都是可行的。现在我正在尝试让它适用于 IE，但与所有微软产品一样，它是一个 cluster fork()。
what about having the image be something selected by the user? Use a input:file tag and then after they select the image, show it on the clientside webpage? That is doable for most things. Right now i am trying to get it working for IE, but as with all microsoft products, it is a cluster fork().
 回复 原文 
宁愿没拥抱 2024-10-07 15:52:32
background-image: url(${localImage});

如果您想在本地添加文件作为背景到您的网站。
background-image: url(${localImage});

If you want to add a file as background to your website locally.
 回复 原文 
~没有更多了~
关于作者
 二智少女
暂无简介
0 文章
0 评论
24 人气
 发私信
相关话题
更多 
热门标签
操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多 
推荐作者
小瓶盖
文章 0 评论 0
wxsp_Ukbq8xGR
文章 0 评论 0
1638627670
文章 0 评论 0
仅一夜美梦
文章 0 评论 0
夜访吸血鬼
文章 0 评论 0
近卫軍团
文章 0 评论 0
更多 
友情链接
文江博客
       
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
     
    原文